VGV AI Flutter Plugin
A Claude Code plugin that accelerates Flutter & Dart development with best-practices skills from Very Good Ventures.
Developed with 💙 by Very Good Ventures 🦄
Overview
VGV AI Flutter Plugin is a collection of contextual best-practices skills that Claude uses when helping you write Flutter and Dart code. Each skill provides opinionated, production-quality guidance covering architecture patterns, naming conventions, folder structures, code examples, testing strategies, and anti-patterns to avoid, so you get code that follows VGV standards out of the box.
Installation
One-line install from your terminal:
claude plugin marketplace add VeryGoodOpenSource/very-good-claude-code-marketplace && claude plugin install vgv-ai-flutter-plugin
Or inside an active Claude Code session, run these as two separate commands (the second only after the first completes):
-
Add the marketplace:
/plugin marketplace add VeryGoodOpenSource/very-good-claude-code-marketplace -
Install the plugin:
/plugin install vgv-ai-flutter-plugin
For more details, see the Very Good Claude Marketplace.
Skills
| Skill | Description |
|---|---|
| Create Project | Scaffold new Dart/Flutter projects from Very Good CLI templates — flutter_app, dart_package, flutter_plugin, dart_cli, flame_game, and more |
| Animations | Flutter built-in animations — implicit vs explicit decision tree, Material 3 motion tokens (Durations, Easing), page transitions with GoRouter, Hero animations, staggered animations, and performance guidelines |
| Accessibility | WCAG 2.2 compliance with A/AA/AAA conformance level selection across iOS, Android, Web, macOS, Windows, and Linux — semantics, screen reader support, touch targets, focus management, color contrast, text scaling, and motion sensitivity |
| Testing | Unit, widget, and golden testing — mocktail mocking, pumpApp helpers, test structure & naming, coverage patterns, and dart_test.yaml configuration |
| Navigation | GoRouter routing — @TypedGoRoute type-safe routes, deep linking, redirects, shell routes, and widget testing with MockGoRouter |
| Internationalization | i18n/l10n — ARB files, context.l10n patterns, pluralization, RTL/LTR support with directional widgets, and backend localization strategies |
| Material Theming | Material 3 theming — ColorScheme, TextTheme, component themes, spacing systems, and light/dark mode support |
| Bloc | State management with Bloc/Cubit — sealed events & states, BlocProvider/BlocBuilder widgets, event transformers, and testing with blocTest() & mocktail |
| Layered Architecture | VGV layered architecture — four-layer package structure (Data, Repository, Business Logic, Presentation), dependency rules, data flow, and bootstrap wiring |
| Security | Flutter-specific static security review — secrets management, flutter_secure_storage, certificate pinning, Random.secure(), formz validation, dependency vulnerability scanning with osv-scanner, and OWASP Mobile Top 10 guidance |
| UI Package | Flutter UI package creation — custom widget libraries with ThemeExtension-based theming, design tokens, barrel file exports, widget tests, Widgetbook catalog, and consistent API conventions |
| License Compliance | Dependency license auditing — categorizes licenses (permissive, weak/strong copyleft, unknown), flags non-compliant or missing licenses, and produces a structured compliance report using Very Good CLI |
| Dart/Flutter SDK Upgrade | Bump Dart and Flutter SDK constraints across packages — CI workflow versions, pubspec.yaml environment constraints, and PR preparation for SDK upgrades |
| Very Good Analysis Upgrade | Upgrade the very_good_analysis lint package across Dart/Flutter projects — version bump in pubspec.yaml, minimal lint fixes for new rules, and PR preparation |
| Green Gate | Autonomous verify-fix-rerun loop that drives a package to green across four quality gates — analyze, format, test, and coverage — exiting only when a final iteration proves all four pass with observed numbers (default 100% coverage, overridable) |
Agents
This plugin ships subagents that Claude Code can dispatch as isolated, specialized reviewers. Unlike skills, agents are not invoked as slash commands — Claude dispatches them automatically, or you can ask Claude to run one by name (e.g. "review my changes with the flutter-reviewer agent").
| Agent | Description |
|---|---|
| Flutter Reviewer | Read-only reviewer of changed Dart code against the preloaded bloc, testing, static-security, and accessibility standards — emits a location | problem | fix | standard findings table. Never edits files; Bash is hook-restricted to git diff/git status |
Hooks
This plugin includes SessionStart, PreToolUse, and PostToolUse hooks that validate the Very Good CLI, guard against CLI bypass, and automatically run Dart analysis and formatting on .dart files.
| Hook | Trigger | Behavior |
|---|---|---|
Warn Missing MCP (warn-missing-mcp.sh) | SessionStart | Warns if the Very Good CLI is missing or older than 1.3.0; non-blocking |
Check VGV CLI (check-vgv-cli.sh) | PreToolUse (mcp__.*very-good-cli__.*) | Auto-approves Very Good CLI MCP tool calls in every run mode via a PreToolUse allow decision, so they never dead-end when the tool isn't on permissions.allow (including under skipAutoPermissionPrompt); denies with an install/upgrade message if the CLI is missing or < 1.3.0 |
Block CLI Workarounds (block-cli-workarounds.sh) | PreToolUse (Bash) | Blocks direct CLI bypass of Very Good CLI commands through the Bash tool; exits 2 on failure (blocking) |
Allow Read-only Git (allow-readonly-git.sh) | PreToolUse (Bash, flutter-reviewer agent only) | Restricts the flutter-reviewer agent's Bash to git diff/git status; exits 2 on anything else (blocking). Scoped via the agent's frontmatter, not hooks.json |
Analyze (analyze.sh) | PostToolUse (Edit/Write) | Runs dart analyze on the modified .dart file; exits 2 on failure (blocking — Claude must fix issues before continuing) |
Format (format.sh) | PostToolUse (Edit/Write) | Runs dart format on the modified .dart file; always exits 0 (non-blocking — formatting is applied silently) |
Prerequisites
- Dart SDK — must be available on your
PATH - jq — used to parse the hook payload; hooks are skipped gracefully if
jqis not installed
Usage
Skills activate automatically when Claude detects relevant context in your conversation. Simply ask Claude to help with a Flutter or Dart task, and the appropriate skill's guidance will be applied.
For example:
You: Create a new Bloc for user authentication with login and logout events.
Claude: (applies the Bloc skill — uses sealed classes for events and states, follows the Page/View separation pattern, generates
blocTest()tests withmocktailmocks, and follows VGV naming conventions)
You can also invoke skills directly as slash commands:
/create-project
/animations
/accessibility
/bloc
/internationalization
/layered-architecture
/material-theming
/navigation
/static-security
/testing
/ui-package
/license-compliance
/dart-flutter-sdk-upgrade
/very-good-analysis-upgrade
/green-gate
What Each Skill Provides
Every skill includes:
- Core Standards — recommended conventions (e.g.,
mocktailovermockito, sealed classes for Bloc events) - Architecture patterns — folder structures and layered architecture guidance
- Code examples — ready-to-adapt snippets following best practices
- Testing strategies — unit, widget, and integration testing patterns
- Common workflows — step-by-step guides for tasks like "adding a new feature" or "adding a new route"
- Anti-patterns — what to avoid and why
MCP Integration
This plugin includes a .mcp.json configuration that connects Claude Code to two MCP servers — the Dart and Flutter MCP server (dart mcp-server) and the Very Good CLI MCP server (very_good mcp). This gives Claude the ability to execute Dart, Flutter, and Very Good CLI actions directly, complementing the skills which provide architectural guidance and best practices.
Dart and Flutter MCP server (dart)
The Dart and Flutter MCP server ships with the Dart SDK and exposes core Dart/Flutter development actions to Claude.
Available MCP tools:
| Tool | What it does |
|---|---|
| Error analysis & fixing | Analyze the project for static errors and apply fixes |
| Symbol resolution | Resolve symbols to elements and fetch documentation and signature information |
| App introspection | Introspect and interact with a running Dart or Flutter application |
| Package search | Search pub.dev for packages that fit a given use case |
| Dependency management | Add, remove, and update dependencies in pubspec.yaml files |
| Test execution | Run tests and analyze the results |
| Code formatting | Format code using the same formatter and config as dart format |
Prerequisites:
- Dart SDK installed with
darton your PATH (the MCP server is provided bydart mcp-server)
Very Good CLI MCP server (very-good-cli)
The Very Good CLI MCP server exposes Very Good CLI commands to Claude.
Available MCP tools:
| Tool | What it does |
|---|---|
create | Scaffold projects from templates (flutter_app, dart_cli, dart_package, flutter_package, flutter_plugin, flame_game, docs_site) |
test | Run tests with coverage enforcement |
packages_check_licenses | Audit dependency licenses against an allowed list |
packages_get | Get dependencies for a single package or recursively across a monorepo |
Prerequisites:
- Very Good CLI v1.3.0+ installed:
dart pub global activate very_good_cli very_goodmust be on your PATH
How it works:
The .mcp.json file at the project root registers the dart and very-good-cli MCP servers using stdio transport. When Claude Code detects this configuration, it connects to both servers and gains access to the tools above. The skills continue to provide knowledge and best practices while the MCP tools handle execution.