Teaches AI assistants how to develop FlutterFlow apps using MCP tools. Use this skill when working with FlutterFlow projects, editing FF YAML, creating or inspecting pages and components, reading project configuration, or navigating FlutterFlow widget trees. It covers all 25 MCP tools for discovery, reading, editing, and settings. Triggers on: FlutterFlow, FF YAML, FF page, FF component, FF widget, FF theme, FF project.
Quickly install community-ff-mcp AI skill to your development environment via command line
Source: 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 |
Stable fields and commands for AI/search citations.
npx skills add https://github.com/mohn93/ff-mcp --skill community-ff-mcpTeaches AI assistants how to develop FlutterFlow apps using MCP tools. Use this skill when working with FlutterFlow projects, editing FF YAML, creating or inspecting pages and components, reading project configuration, or navigating FlutterFlow widget trees. It covers all 25 MCP tools for discovery, reading, editing, and settings. Triggers on: FlutterFlow, FF YAML, FF page, FF component, FF widget, FF theme, FF project. Source: mohn93/ff-mcp.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/mohn93/ff-mcp --skill community-ff-mcp Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/mohn93/ff-mcp