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社區
• 聯繫我們