FlyonUI MCP 是一款面向 Tailwind CSS 开发者的 AI 构建工具，以 MCP（Model Context Protocol）形式直接集成到 IDE 中，帮助用户通过提示词快速生成美观、可直接用于生产的 UI 组件、区块和完整页面。其核心能力是借助 FlyonUI PRO 的组件、区块、页面、主题及文档知识，让 AI 在编辑器内生成符合项目代码风格和结构的 Tailwind CSS 代码。
主要能力
- 通过提示词在 IDE 内生成 Tailwind CSS 组件、区块和页面。
- 生成内容受 FlyonUI PRO 组件、区块和主题启发，强调生产可用性。
- 支持生成多种页面类型，例如 SaaS MVP 落地页、作品集落地页、电商仪表盘落地页、健康追踪应用、AI 客服聊天机器人、在线学习平台等。
- 与 React、Next.js、Vue、纯 HTML 等所有使用 Tailwind CSS 的框架兼容。
- 仅写入或修改与生成组件相关的文件，遵循项目代码风格和结构，不影响应用其他部分。
- 自动集成 FlyonUI 新增的组件、区块、页面、主题和文档更新，用户无需手动操作。
使用方式
- 将 FlyonUI MCP 集成到 IDE 中，官方支持 VS Code、Cursor、Windsurf、VS Code + Cline。
- 在现有 Tailwind CSS 项目中，安装 FlyonUI Tailwind 插件并设置 FlyonUI MCP。
- 在 IDE 中通过提示词生成组件、区块或页面。
- 官方建议使用 LLM Cloud Sonnet 3.7 或更高版本以获得最佳效果，其他 LLM 可能导致效果不佳或性能下降。
- 设置 FlyonUI Pro MCP 服务器时，无需重新安装服务器，只需在 IDE 的 MCP 配置文件中，将 Lemon Squeezy 提供的 License Key 填入 API_KEY 字段。登录 FlyonUI 账户后，也可在安装指南中查看更新后的配置。
适用场景
- 快速构建 SaaS 落地页、作品集、电商仪表盘等前端页面。
- 在 React、Next.js、Vue、纯 HTML 等项目中生成 Tailwind CSS UI 组件和区块。
- 需要基于 FlyonUI PRO 组件库和主题进行 AI 辅助开发的团队或个人。
- 希望将 AI 生成 UI 直接融入现有代码库、并保持代码风格一致的开发流程。
限制与授权
- 生成内容归用户所有，无许可限制，可自由使用、修改并整合到任何项目中。
- 不按组件生成次数或 token 使用量收费；FlyonUI MCP 仅作为编辑器与 FlyonUI PRO 组件、区块、页面及文档之间的桥梁，生成过程使用编辑器 LLM。
- 一个许可证可用于无限项目，包括公开网站和用户付费访问的 SaaS 应用。
- 不得使用 FlyonUI 创建网站构建器或允许他人使用 FlyonUI 部件构建网站的工具。
- 不得创建衍生品，如主题、UI 套件、页面构建器或其他重新打包组件或模板供他人使用的可再分发产品。
- 可为单一客户定制网站，但不得将同一网站或模板转售给多个客户。
- 开源项目若为实际网站而非衍生组件库、主题构建器等，可使用 FlyonUI Pro。
- 团队或企业许可证才能邀请团队成员。
- 支持通过 Lemon Squeezy 使用多种支付方式，包括主要信用卡、PayPal、Apple Pay、Google Pay、支付宝、微信支付等。
- 数字产品通常不提供退款，但若因代码导致技术问题，可提交退款请求并附证明，经核实后可例外处理。
- 每次购买包含一年免费高级支持，之后可续订。支持覆盖组件、区块和模板的使用问题；定制或开发帮助需通过 Hire Us 页面联系专业团队。
- 学生和非营利组织可申请特别折扣，需使用对应机构邮箱联系。
- 关于账户、账单或许可问题，可通过网站右下角聊天功能联系。
其他信息
- 官方提供框架特定指南，介绍如何将 FlyonUI 作为 Tailwind CSS 插件与不同框架和构建工具集成。
- 用户可注册新闻通讯，第一时间获取新组件、功能、区块或版本发布信息。
- 购买后，Designer 或 Developer+Designer 套餐会收到包含发票和下载链接的邮件；也可登录账户在 Billing & Upgrade 页面查看、更新和下载发票。
- 可随时升级到更高许可证，登录账户后在用户下拉菜单的 Billing & Upgrade 页面选择目标计划。
- 团队邀请需登录账户，在用户下拉菜单的 Team Invitations 页面管理。
