PODIE MCP

npx add-mcp 'https://podie.dev/api/podie/mcp'

PODIE MCP para Codex y Claude Code

PODIE MCP permite que Codex y Claude Code busquen en una biblioteca curada de UI en React, recomienden componentes y plantillas de aplicaciones, obtengan su código fuente y preparen comandos de instalación. Tu editor aplica la UI seleccionada a tu proyecto local. No necesitas recordar nombres de herramientas.

Conéctate una vez. Luego pide la UI que necesites.

1. Inicia sesión en PODIE y abre Connect PODIE MCP.
2. Elige Codex o Claude Code y haz clic en Copy setup prompt.
3. Pégalo en tu editor. El prompt le pide que conserve la configuración existente y agregue PODIE a tu configuración MCP a nivel de usuario.
4. Si el editor solicita una recarga del servidor, completa ese paso. Luego pide un componente. El diálogo de PODIE muestra Connected · tool call confirmed solo después de una llamada de herramienta exitosa.

Use PODIE to find 3 UI components that fit this project. Show previews and explain the fit before installing.

Después de elegir uno:

Install the second option. Keep this project's package manager and existing design. Integrate it into the page, then run the type check and production build.

¿Qué sucede entre una solicitud y un componente funcional?

Buscar y recomendar

El agente busca en las entradas publicadas y puede pedir recomendaciones a PODIE usando una breve descripción de diseño. Los resultados enlazan a páginas de vista previa reales.

Inspeccionar

Lee el código fuente seleccionado, las dependencias y la licencia antes de adaptar cualquier cosa. Un componente nativo de React y un envoltorio de escena aislado tienen límites de integración diferentes.

Instalar y verificar

PODIE devuelve un plan de instalación compatible con shadcn. Tu editor lo ejecuta con tu autorización, importa el componente y lo verifica en tu aplicación.

El servidor MCP remoto no puede modificar tu sistema de archivos ni ejecutar una shell en tu computadora. Una búsqueda exitosa demuestra que la conexión funciona; no demuestra que el componente se haya instalado. Acepta el resultado solo después de verlo funcionar en tu proyecto.

¿Qué herramientas MCP están disponibles?

• search_catalog: encuentra componentes o aplicaciones.
• recommend_ui: obtén sugerencias para una descripción breve no sensible. Si el modelo no está disponible, se devuelven coincidencias de catálogo explícitamente etiquetadas.
• get_component: inspecciona el código fuente y las dependencias.
• get_install_plan: obtén el comando para tu gestor de paquetes.
• report_installation: opcionalmente registra resultados para una instalación rastreada, con permiso. Estos son resultados informados por el cliente.

¿En qué se diferencia de un registro de shadcn?

Un registro entrega archivos fuente y dependencias. PODIE MCP agrega búsqueda de catálogo, recomendaciones y planes de instalación a la conversación del editor. Utiliza entrega compatible con shadcn; no es el servidor MCP oficial de shadcn. También puedes instalar directamente sin MCP usando la guía de CLI.

Solución de problemas de conexión

• Configuración guardada, pero sin herramientas: recarga el servidor usando los controles compatibles de tu editor y luego envía la primera solicitud anterior. Guardar un archivo por sí solo no es una prueba de conexión.
• Esperando a tu editor: aún no ha llegado ninguna llamada exitosa para este token. Usa Check connection en el diálogo.
• Token expirado o 401: copia un prompt de configuración nuevo y actualiza el editor. Los tokens expiran después de 30 días; reconectarse reemplaza el token anterior de ese editor.
• 403 antes de que la herramienta se ejecute: distingue un bloqueo de red/perimetral de un error de autenticación MCP. Verifica la conexión nativa del editor; comparte un error redactado al informar el problema.
• La instalación o el estilo fallaron: verifica alias, dependencias y estilos en la guía de instalación. Una vista previa no es prueba de compatibilidad con todos los proyectos.

¿Qué se envía a PODIE?

Mantén el código fuente privado, las credenciales y los datos de clientes en tu proyecto. Envía solo una descripción breve de diseño y pila tecnológica no sensible. Las recomendaciones del modelo envían esa descripción y metadatos públicos del catálogo a AtlasCloud. El prompt de configuración contiene un token de cuenta privado y revocable; mantenlo en la configuración local del usuario del editor, fuera del control de versiones. Desconecta un editor desde el diálogo de conexión para revocar el acceso.

Explora plantillas de aplicaciones, guías de componentes o la biblioteca en vivo. Detalles de configuración del editor: documentación oficial de Codex MCP y documentación oficial de Claude Code MCP.

Última actualización: .