Flyonui MCP

🚀 FlyonUI MCP Server

在几分钟内构建现代的、可用于生产环境的UI模块、组件和着陆页。它能与你喜爱的IDE无缝集成，并支持如React、Next.js、Nuxt、Vue、Svelte等最流行的框架。

🚀 快速开始

FlyonUI MCP Server是一款 Tailwind AI 构建工具，借助FlyonUI模块，它能帮助你创建、启发并重构出令人惊艳的、可用于生产环境的模块、UI组件和完整页面。它可以轻松地直接集成到你喜爱的IDE中，让你的工作流程更加快速高效。

立即免费试用FlyonUI MCP Server。

📦 安装指南

我们让安装变得超级简单！

1. 访问 安装指南 并选择你的IDE（VS Code、Cursor、Windsurf等）。
2. 按照分步说明在你的IDE中设置MCP Server。
3. 开始 免费 使用FlyonUI MCP Server。

查看完整的安装视频 FlyonUI MCP安装。

📚 详细文档

FlyonUI MCP Server设计得直观且易于使用。其命令简单明了，能让你快速创建、启发并优化UI模块。

如需了解如何使用FlyonUI MCP Server的详细文档，请参考 FlyonUI MCP文档。

💻 使用示例

基础用法

FlyonUI MCP Server提供了三个主要命令：

查看使用FlyonUI MCP Server的完整文档：FlyonUI MCP文档。

观看视频教程：FlyonUI MCP使用方法。

高级用法

以下是一些使用命令的示例： 创建UI (/cui)：

/cui Create a hero section for an eLearning Academy site.
/cui Create a feature section for my landing page like Features 8.

启发UI (/iui)：

/iui Create a hero section for my AI SaaS - AI Video Generator.
/iui Create a feature section for my productivity app.

优化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.

📚 文档与资源

• 官方文档
• 安装指南
• Tailwind模块
• Tailwind组件
• Tailwind模板
• Tailwind Figma设计系统

🤝 社区

加入FlyonUI社区，一起讨论该库、提问并分享你的经验：

• 🐦 在Twitter上关注我们
• 💬 在GitHub上讨论
• 🎮 加入我们的Discord

📝 贡献代码

修复一个漏洞或添加一个新功能。你可以提交一个拉取请求，让你的代码出现在FlyonUI MCP的下一个版本中。

在提交拉取请求之前，请查看 贡献指南。

💬 支持

• 支持
• Discord社区
• 联系我们