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 Installationをご覧ください。

📚 ドキュメント

FlyonUI MCP Serverは直感的で使いやすいように設計されています。コマンドはシンプルで明確で、UIブロックをすばやく作成、インスピレーションを得、洗練させることができます。

FlyonUI MCP Serverの詳細なドキュメントについては、FlyonUI MCP Documentationを参照してください。

💻 使用例

FlyonUI MCP Serverは、主に3つのコマンドを提供しています。

FlyonUI MCP Serverの完全なドキュメントはこちら: FlyonUI MCP Documentation。

ビデオチュートリアルはこちら: FlyonUI MCP Usage。

基本的な使用法

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

高度な使用法

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

/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コミュニティ
• お問い合わせ