MCP ツールを使用して FlutterFlow アプリを開発する方法を AI アシスタントに教えます。このスキルは、FlutterFlow プロジェクトの操作、FF YAML の編集、ページとコンポーネントの作成または検査、プロジェクト設定の読み取り、または FlutterFlow ウィジェット ツリーの移動を行うときに使用します。検出、読み取り、編集、設定のための 25 の MCP ツールすべてをカバーしています。トリガー対象: FlutterFlow、FF YAML、FF ページ、FF コンポーネント、FF ウィジェット、FF テーマ、FF プロジェクト。
コマンドラインで community-ff-mcp AI スキルを開発環境にすばやくインストール
ソース: mohn93/ff-mcp。
This skill requires the community-ff-mcp MCP server to be installed and connected. Before proceeding, check if the listprojects tool is available. If not, the user needs to set up the MCP server first:
The FlutterFlow MCP provides 25 tools for reading, inspecting, and editing FlutterFlow projects through YAML. It connects AI assistants to the FlutterFlow Project API, enabling programmatic access to pages, components, themes, actions, data models, and settings. All project data is represented as YAML files that can be fetched, cached locally, validated, and pushed back.
| listprojects | List all FF projects accessible to your API token | | listprojectfiles | List YAML file keys in a project (supports prefix filter) | | listpages | List pages with human-readable names, scaffold IDs, and folders | | searchprojectfiles | Search file keys by keyword, prefix, or regex |
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/mohn93/ff-mcp --skill community-ff-mcpMCP ツールを使用して FlutterFlow アプリを開発する方法を AI アシスタントに教えます。このスキルは、FlutterFlow プロジェクトの操作、FF YAML の編集、ページとコンポーネントの作成または検査、プロジェクト設定の読み取り、または FlutterFlow ウィジェット ツリーの移動を行うときに使用します。検出、読み取り、編集、設定のための 25 の MCP ツールすべてをカバーしています。トリガー対象: FlutterFlow、FF YAML、FF ページ、FF コンポーネント、FF ウィジェット、FF テーマ、FF プロジェクト。 ソース: mohn93/ff-mcp。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/mohn93/ff-mcp --skill community-ff-mcp インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/mohn93/ff-mcp