REPO PACKAGE
flutter skills
OFFICIAL20skills
17ready to use
LABSCO SUMMARY
The ten documented skills are cookbook-style Flutter and Dart workflows: flutter-add-widget-test and flutter-add-integration-test write WidgetTester and integration_test coverage, flutter-add-widget-preview wires up the previews.dart system, flutter-fix-layout-issues and flutter-build-responsive-layout handle overflow errors and adaptive layouts with LayoutBuilder/MediaQuery, flutter-apply-architecture-best-practices sets up the recommended UI/Logic/Data layering, flutter-implement-json-serialization writes fromJson/toJson by hand, flutter-use-http-package covers REST calls with the http package, and flutter-setup-declarative-routing and flutter-setup-localization configure go_router and flutter_localizations respectively.
Three more live skills are real and readable but never named in the README's own list: code-review runs a multi-step, generic pull-request review unrelated to Flutter specifically, grill-with-docs stress-tests a plan against a project's existing CONTEXT.md and ADRs and updates them as decisions land, and natural-writing sets rules for authoring longer prose like PR descriptions and analysis documents. None of the three touch Flutter or Dart APIs.
READ THE FULL ANALYSIS
The remaining seven have no description in their own frontmatter at all, so we have nothing to say about what they do beyond their names: add-dart-lint-validation-rule, dart-skills-lint-integration, dart-skills-lint-setup, dart-skills-lint-validation, definition-of-done, NotInvalid, and valid. The last two in particular read like the fixtures a skill-linter's own test suite would use to check a valid case against an invalid one, not skills a Flutter developer would ever invoke directly.
Most run with nothing extra installed. Eighteen of the twenty carry a ready label; flutter-add-integration-test is unverified, and dart-skills-lint-integration needs an account key. Several of the documented ten (flutter-fix-layout-issues, flutter-add-integration-test) lean on Dart and Flutter MCP tools rather than working from the skill file alone, so a Flutter/Dart MCP server may be doing real work behind the scenes even where the dependency label says ready.
Who this is for: a developer already building a Flutter app who wants the ten documented conventions for testing, layout, localization, and routing. If that's what brought you here, ignore the other ten; they're either generic writing/review tooling or internal fixtures with nothing Flutter-specific to offer.
ALSO IN THIS PACKAGE
PLUGINS
1 itemPLUGIN
dart-flutter
Official Claude plugin for Dart and Flutter that installs Flutter/Dart Skills and Dart MCP server for building natively compiled, visually stunning applications for mobile, web, desktop, and embedded devices from a single codebase
MCP SERVERS
1 itemMCP SERVER
dart-mcp-server
stdio · dart mcp-serverWHAT'S INSIDE
20 showing · 20 totalReady to use
Nothing else to set up — install it and go.
20 of 20
SETUP
Showing all 20 skills
add-dart-lint-validation-rule
A contributor's recipe for adding one more check to Flutter's skill-file checker: write the rule, give it a command-line switch, test it, and record it in the documentation.
code-review
Reads through a batch of code changes, writes up the problems worth raising, then goes back over its own review and throws out the comments that were not worth making.
dart-skills-lint-integration
Upkeep for a repository that already checks its skill files: bring every copy of the checking tool up to the same version, gather its settings into one file, and end with a pull request ready to send.
dart-skills-lint-setup
First-time wiring for Flutter's skill-file checker: install it, tell it which folder the skills live in, let the mistakes already there slide for now, and have it run by itself from then on.
dart-skills-lint-validation
The everyday routine for keeping a repository's skill files clean once the checker is installed: what to run, what its complaints mean, and how to get from a failing run to a clean one.
definition-of-done
The checklist a Flutter contributor works through before calling a piece of work finished — if any item on it fails, the task is not done.
flutter-add-integration-test
Puts the app on a real phone, emulator or browser and has the machine walk through it like a person — tapping, typing, scrolling — to prove a whole journey still works from start to finish.
flutter-add-widget-preview
Shows one piece of your app's screen on its own, redrawing as you edit it, so you can work on the design without launching the whole app.
flutter-add-widget-test
A test for a single piece of the interface — one button, one list, one form — run on its own, with no phone or emulator needed to run it.
flutter-apply-architecture-best-practices
Flutter's own recommendation for how to organise an app's code — what is drawn on screen kept apart from where the data comes from — so the project stays workable as it grows.
flutter-build-responsive-layout
Makes a screen look right at any size — phone, tablet, or a desktop window someone drags smaller — by building around the space the app is actually given instead of guessing at the device.
flutter-fix-layout-issues
A screen that comes up striped in yellow and black, or as a wall of red error text, has a sizing problem — this reads the message, names the cause, and gives the one change that clears it.
flutter-implement-json-serialization
Turning the reply a server sends back into ordinary Dart objects, and those objects back into a reply — written out by hand, with no code generator in the way.
flutter-setup-declarative-routing
Gives every screen in an app its own web-style address, so a link from a browser, an email or another app opens straight to that screen on web, Android and iOS.
flutter-setup-localization
Moves the text an app shows on screen out of the code and into one file per language, so the same app can come up in whichever language its user reads.
flutter-use-http-package
How a Flutter app asks a server for data and sends data back to it — the request itself, the permission it needs to reach the network, and what to do when the answer is an error.
grill-with-docs
An interview, one question at a time, that pushes on a plan until the words in it match what the project already calls things — and writes the settled definitions and the genuinely hard decisions into the project's own documents as you go.
natural-writing
A list of the words, sentence shapes and formatting habits that make a piece of text read as machine-written, each with the plainer alternative to use instead.
NotInvalid
A deliberately broken example file, kept so you can see what the skill-checking tool says when it finds problems — it breaks three of that tool's rules on purpose.
valid
A skill file with nothing wrong with it, kept so the checking tool has something clean to run against; it deliberately does nothing useful.
No skill in this package matches that.
HOW TO GET IT
WHOLE PACKAGEInstall the whole package (20 skills)
npx skills add flutter/skillsSINGLE SKILLOr install a single skill
npx skills add flutter/skills --skill <name> --full-depthPick the skill name from the Skills tab — each entry there installs independently.
PLUGIN MARKETPLACEAdd the marketplace, then install the plugin
/plugin marketplace add flutter/skills/plugin install dart-flutter@dart-flutterTyped inside the agent's own prompt, not in a terminal. The marketplace is called dart-flutter, which is the part after the @.