AgentToolHub
SkillClaude CodeCursorClineOpenClawWindsurfVS CodeChatGPT

flutter-add-widget-preview

flutter-add-widget-preview — a Claude Code skill from flutter/agent-plugins

Features

  • ✓Extend AI agent capabilities for Flutter
  • ✓Tailored workflows and instructions for Flutter dev
  • ✓Agent Skills for MCP: teach agents how to use tools
  • ✓Customizable plugins for various tasks
  • ✓Interactive widget previews with previews.dart

Installation Guide

To install the plugins into your project, run the following command.
The --agent universal flag puts them in the standard .agents/skills
folder that most agents use.

bash
npx skills@1.5.17 add flutter/agent-plugins --skill '*' --agent universal --yes

Claude Code Plugin

  • Add the marketplace for Claude Code plugins:

    • bash
    claude plugin marketplace add flutter/agent-plugins

  • Install the Claude plugin for Dart and Flutter:

    • bash
    claude plugin install dart-flutter@dart-flutter

  • Verify the installation:

    • bash
    claude plugin marketplace list

    Codex Plugin

    Add the Dart and Flutter marketplace for Codex plugins:

    bash
    codex plugin marketplace add flutter/agent-plugins

    Install the Dart and Flutter plugin:

    bash
    codex plugin add dart-flutter@dart-flutter

    Cursor Plugin

    You can test this plugin locally by copying it to your Cursor plugins directory.

  • Copy the repository directory to your local Cursor plugins folder:

    • bash
    mkdir -p ~/.cursor/plugins/local
cp -r /path/to/flutter/agent-plugins ~/.cursor/plugins/local/dart-flutter

  • Restart Cursor. The editor will automatically discover and load the skills under skills/ and configure the MCP server defined in .mcp.json.

    • Reviews