FlyonUI MCP
Construtor de IA para Tailwind que se integra diretamente ao seu IDE e cria componentes, blocos e páginas impressionantes em Tailwind CSS inspirados no FlyonUI.
Documentação
Servidor FlyonUI MCP
Crie blocos de UI, componentes e páginas de destino modernos e prontos para produção em minutos. Integra-se perfeitamente ao seu IDE favorito e suporta os frameworks mais populares, como React, Next.js, Nuxt, Vue, Svelte e outros.
🚀 O que é o Servidor FlyonUI MCP?
O Servidor FlyonUI MCP é um construtor de Tailwind AI que ajuda você a criar, inspirar e refatorar blocos, componentes de UI e páginas completas impressionantes e prontos para produção usando blocos FlyonUI. Ele se integra facilmente diretamente ao seu IDE favorito para um fluxo de trabalho rápido e eficiente.
Experimente o Servidor FlyonUI MCP gratuitamente hoje.
🛠️ Instalação
Tornamos a instalação super fácil!
- Acesse o Guia de Instalação e selecione seu IDE (VS Code, Cursor, Windsurf, etc.).
- Siga as instruções passo a passo para configurar o MCP Server no seu IDE.
- Comece a usar o Servidor FlyonUI MCP gratuitamente.
Veja o vídeo completo de instalação Instalação do FlyonUI MCP.
📒 Documentação
O Servidor FlyonUI MCP foi projetado para ser intuitivo e fácil de usar. Os comandos são simples e diretos, permitindo que você crie, inspire e refine blocos de UI rapidamente.
Para documentação detalhada sobre como usar o Servidor FlyonUI MCP, consulte a Documentação do FlyonUI MCP.
🔧 Uso
O Servidor FlyonUI MCP fornece três comandos principais:
| Comando | Descrição | Caso de Uso |
|---|---|---|
/cui | Criar UI | Personalizar a partir de blocos FlyonUI existentes |
/iui | Inspirar UI | Gerar blocos de UI novos e criativos |
/rui | Refinar UI | Refinar ou editar um bloco existente |
Veja a documentação completa para usar o Servidor FlyonUI MCP aqui: Documentação do FlyonUI MCP.
Assista ao tutorial em vídeo aqui: Uso do FlyonUI MCP.
Exemplos
Criar 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.
📚 Documentação e Recursos
- Documentação Oficial
- Guia de Instalação
- Blocos Tailwind
- Componentes Tailwind
- Modelos Tailwind
- Sistema de design Tailwind Figma
Comunidade 🤝
Junte-se à comunidade FlyonUI para discutir a biblioteca, fazer perguntas e compartilhar suas experiências:
Contribuindo 📝
Corrija um bug ou adicione um novo recurso. Você pode fazer um pull request e ver seu código na próxima versão do FlyonUI MCP.
Antes de adicionar um pull request, consulte as diretrizes de contribuição.