Editores con IA y MCP

Tu editor con IA puede buscar en goodui, leer los docs y las props de cada componente e instalarlo. Hay tres vías de entrada; usa la primera que puedas.

1. El servidor MCP de goodui

Una URL, sin cuenta: https://goodui.dev/api/mcp. Herramientas: search_components, list_components, list_blocks, get_component, get_block, get_install_command, get_setup.

Claude Code

claude mcp add --transport http goodui https://goodui.dev/api/mcp

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "goodui": { "url": "https://goodui.dev/api/mcp" }
  }
}

VS Code (Copilot)

.vscode/mcp.json
{
  "servers": {
    "goodui": { "type": "http", "url": "https://goodui.dev/api/mcp" }
  }
}

Windsurf

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "goodui": { "serverUrl": "https://goodui.dev/api/mcp" }
  }
}

Codex, Zed, Claude Desktop y otros clientes stdio

Los clientes que solo arrancan servidores locales pueden llegar a él mediante mcp-remote:

npx -y mcp-remote https://goodui.dev/api/mcp

En Claude Desktop también puedes añadirlo en Settings → Connectors como conector personalizado con la URL de arriba.

Bloques Pro por MCP

Envía tu clave de licencia como cabecera y get_block devuelve también el código Pro; por ejemplo, en Claude Code:

claude mcp add --transport http goodui https://goodui.dev/api/mcp --header "Authorization: Bearer $GOODUI_LICENSE_KEY"

2. El pack para agentes

Un comando añade las reglas de goodui a todos los editores del proyecto: qué componente elegir, cómo instalarlo y las reglas de tonos, movimiento, RTL y accesibilidad. Cada editor recibe su propio archivo, así que no se sobrescribe nada de lo que ya tengas.

npx shadcn@latest add https://goodui.dev/r/agent.json
  • .claude/skills/goodui/SKILL.md: Skill de Claude Code
  • .cursor/rules/goodui.mdc: Regla de Cursor
  • .github/instructions/goodui.instructions.md: GitHub Copilot
  • .windsurf/rules/goodui.md: Regla de Windsurf

Para Codex, Amp y otros lectores de AGENTS.md, añade una línea a tu AGENTS.md: UI: follow .claude/skills/goodui/SKILL.md

3. Markdown para cualquier chat

  • Cada página de componente tiene Copiar página y un gemelo en Markdown, p. ej. /components/core/button.md.
  • /llms.txt lo lista todo; /llms-full.txt tiene los docs completos y la API de cada componente en un solo archivo.
  • Los bloques y componentes gratuitos tienen Abrir en v0.

Cosas que pedir

  • Construye una sección de precios con goodui: interruptor mensual/anual, precios que ruedan, un botón principal con brillo.
  • Añade el timeline de recursos de goodui a la página de agenda y conéctalo a nuestras reservas.
  • Haz que este formulario de ajustes use los inputs, el switch y el select de goodui, traducido al alemán.