FlyonUI MCP
Constructor de IA para Tailwind que se integra directamente en tu IDE y crea impresionantes componentes, bloques y páginas de Tailwind CSS inspirados en FlyonUI.
Documentación
Servidor FlyonUI MCP
Construye bloques de UI, componentes y páginas de aterrizaje modernos y listos para producción en minutos. Se integra perfectamente con tu IDE favorito y es compatible con los frameworks más populares como React, Next.js, Nuxt, Vue, Svelte y más.
🚀 ¿Qué es el Servidor FlyonUI MCP?
El Servidor FlyonUI MCP es un constructor de Tailwind AI que te ayuda a crear, inspirar y refactorizar impresionantes bloques, componentes de UI y páginas completas listos para producción utilizando bloques FlyonUI. Se integra fácilmente directamente en tu IDE favorito para un flujo de trabajo rápido y eficiente.
Prueba el Servidor FlyonUI MCP gratis hoy.
🛠️ Instalación
¡Hemos hecho la instalación súper fácil!
- Accede a la Guía de instalación y selecciona tu IDE (VS Code, Cursor, Windsurf, etc.).
- Sigue las instrucciones paso a paso para configurar el Servidor MCP en tu IDE.
- Comienza a usar el Servidor FlyonUI MCP gratis.
Mira el video completo de instalación Instalación de FlyonUI MCP.
📒 Documentación
El Servidor FlyonUI MCP está diseñado para ser intuitivo y fácil de usar. Los comandos son simples y directos, lo que te permite crear, inspirar y refinar bloques de UI rápidamente.
Para documentación detallada sobre cómo usar el Servidor FlyonUI MCP, consulta la Documentación de FlyonUI MCP.
🔧 Uso
El Servidor FlyonUI MCP proporciona tres comandos principales:
| Comando | Descripción | Caso de uso |
|---|---|---|
/cui | Crear UI | Personalizar a partir de bloques FlyonUI existentes |
/iui | Inspirar UI | Generar bloques de UI nuevos y creativos |
/rui | Refinar UI | Refinar o editar un bloque existente |
Consulta la documentación completa para usar el Servidor FlyonUI MCP aquí: Documentación de FlyonUI MCP.
Mira el tutorial en video aquí: Uso de FlyonUI MCP.
Ejemplos
Crear UI (/cui):
/cui Create a hero section for an eLearning Academy site.
/cui Create a feature section for my landing page like Features 8.
Inspirar UI (/iui):
/iui Create a hero section for my AI SaaS - AI Video Generator.
/iui Create a feature section for my productivity app.
Refinar UI (/rui):
/rui Update the theme to Shadcn.
/rui Replace the “Get Started” button with Login and Register buttons.
/rui Change the Hero section layout from horizontal to vertical.
📚 Documentación y Recursos
- Documentación oficial
- Guía de instalación
- Bloques de Tailwind
- Componentes de Tailwind
- Plantillas de Tailwind
- Sistema de diseño Figma de Tailwind
Comunidad 🤝
Únete a la comunidad de FlyonUI para discutir sobre la biblioteca, hacer preguntas y compartir tus experiencias:
Contribuciones 📝
Corrige un error o agrega una nueva función. Puedes hacer un pull request y ver tu código en la próxima versión de FlyonUI MCP.
Antes de agregar un pull request, consulta las guías de contribución.