---
title: "Flutter (@flutter) skills · skilld"
canonical_url: "https://skilld.dev/gh/flutter"
meta:
  description: "31 agent skills published by Flutter on skilld. flutter, dart, Testing."
  "og:description": "31 agent skills published by Flutter."
  "og:title": "Flutter on skilld"
---

`

![Avatar for Flutter](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fflutter.png)

# **Flutter**

[@flutter](https://github.com/flutter)org

Flutter is Google's UI toolkit for building beautiful, natively compiled applications for mobile, web, desktop, and embedded devices from a single codebase.

31 skills 3k Synced 1 day ago

Mostly·flutter, dart, Testing

[GitHub](https://github.com/flutter) [Website](https://flutter.dev)

## Skills

### [flutter/skills](https://skilld.dev/gh/flutter/skills)

31 skills 3k

`npx skilld add flutter/skills`

- [

  **/api-review**3k

  Reviews the specified code against the canonical API Design guidelines. Use this skill when the user asks for an API review or to check code against API design principles. /api-review by flutter](https://skilld.dev/gh/flutter/skills/api-review)
- [

  **/code-documentation**3k

  Guide for writing effective code documentation, including docstrings, JSDoc, dartdoc, and implementation comments. Use this skill when writing new code, adding features, or improving existing documentation in Dart, Python, or TypeScript to ensure clarity and maintainability. /code-documentation by flutter](https://skilld.dev/gh/flutter/skills/code-documentation)
- [

  **/code-review**3k

  Performs a comprehensive, multi-step code review of pull requests or local code changes, using iterative refinement (generation, critique, synthesis) to ensure high-quality, actionable feedback. Use when you need to review code changes thoroughly. /code-review by flutter](https://skilld.dev/gh/flutter/skills/code-review)
- [

  **/dart-add-unit-test**3k

  Write and organize unit tests for functions, methods, and classes using \`package:test\`. Use when creating new logic or fixing bugs to ensure code remains correct and regression-free. /dart-add-unit-test by flutter](https://skilld.dev/gh/flutter/skills/dart-add-unit-test)
- [

  **/dart-build-cli-app**3k

  Architectural patterns, entrypoint structure, exit codes, stream routing, and subprocess spawning for Dart command-line interface (CLI) applications. Use when building CLI tools, console utilities, scripts, argument parsing with \`package:args\` (ArgParser or CommandRunner), handling exit codes, configuring executables in pubspec.yaml, spawning Dart subprocesses, or compiling native CLI binaries. Don't use for Flutter UI widgets, web applications, or standalone HTTP backend servers. /dart-build-cli-app by flutter](https://skilld.dev/gh/flutter/skills/dart-build-cli-app)
- [

  **/dart-collect-coverage**3k

  Collect coverage using the coverage packge and create an LCOV report /dart-collect-coverage by flutter](https://skilld.dev/gh/flutter/skills/dart-collect-coverage)
- [

  **/dart-fix-runtime-errors**3k

  Uses get\_runtime\_errors and lsp to fetch an active stack trace, locate the failing line, apply a fix, and verify resolution via hot\_reload. /dart-fix-runtime-errors by flutter](https://skilld.dev/gh/flutter/skills/dart-fix-runtime-errors)
- [

  **/dart-generate-test-mocks**3k

  Define and generate mock objects for external dependencies using \`package:mockito\` and \`build\_runner\`. Use when unit testing classes that depend on complex external services like APIs or databases. /dart-generate-test-mocks by flutter](https://skilld.dev/gh/flutter/skills/dart-generate-test-mocks)
- [

  **/dart-migrate-to-checks-package**3k

  Replace the usage of \`expect\` and similar functions from \`package:matcher\` to \`package:checks\` equivalents. /dart-migrate-to-checks-package by flutter](https://skilld.dev/gh/flutter/skills/dart-migrate-to-checks-package)
- [

  **/dart-resolve-package-conflicts**3k

  Workflow for fixing package version conflicts. Use this when \`pub get\` fails due to incompatible package versions. /dart-resolve-package-conflicts by flutter](https://skilld.dev/gh/flutter/skills/dart-resolve-package-conflicts)
- [

  **/dart-run-static-analysis**3k

  Execute \`dart analyze\` to identify warnings and errors, and use \`dart fix --apply\` to automatically resolve mechanical lint issues. Use during development to ensure code quality and before committing changes. /dart-run-static-analysis by flutter](https://skilld.dev/gh/flutter/skills/dart-run-static-analysis)
- [

  **/dart-setup-ffi-assets**3k

  Guides agents in compiling and packaging C/C++ source code into dynamic or static libraries (Code Assets) using Dart's Native Assets hook system (via hook/build.dart and hook/link.dart utilizing package:hooks and package:native\_toolchain\_c). Use when a user asks to: 'setup native assets', 'compile C/C++ source code', 'bundle dynamic libraries', 'build native C code', 'link native assets', 'implement build.dart or link.dart hooks', or 'integrate C/C++ interop in Dart/Flutter'. Helps agents avoid manual toolchain orchestration and configures secure hash-validated binary downloads or advanced linker tree-shaking with package:record\_use mapping. /dart-setup-ffi-assets by flutter](https://skilld.dev/gh/flutter/skills/dart-setup-ffi-assets)
- [

  **/dart-use-doc-examples**3k

  How to inject external code examples into Dartdoc using the {@example} directive, and how to filter those files using #hide, #region, and #endregion tags. /dart-use-doc-examples by flutter](https://skilld.dev/gh/flutter/skills/dart-use-doc-examples)
- [

  **/dart-use-ffigen**3k

  Guide agents to use \`package:ffigen\` to automatically generate FFI bindings instead of writing them manually. Use this skill when a task involves writing new FFI bindings, extending C/Objective-C/Swift integrations, or replacing hand-crafted \`dart:ffi\` setups. /dart-use-ffigen by flutter](https://skilld.dev/gh/flutter/skills/dart-use-ffigen)
- [

  **/dart-use-path-package**3k

  Cross-platform file and directory path manipulation, segment splitting, extension extraction, and context conversion using \`package:path\` and \`package:file\`. Use when writing, inspecting, joining, splitting, or refactoring file paths, directory names, or extensions, or replacing raw string path operations (\`.split('/')\`, \`'$dir/$file'\`, \`.endsWith('.ext')\`, \`.replaceAll('\\\\', '/')\`). Don't use for HTTP network URI routing, database query strings, or non-path string processing. /dart-use-path-package by flutter](https://skilld.dev/gh/flutter/skills/dart-use-path-package)
- [

  **/dart-use-pattern-matching**3k

  Applies Dart 3 pattern matching, switch expressions, and destructuring idiomatically to validate data schemas, handle algebraic data types, and decompose control flow. Use when refactoring complex if-else chains, parsing polymorphic JSON or API responses, destructuring Lists, URI/path segments, String.split() tokens, Records, or Maps, or enforcing exhaustiveness on sealed classes. Don't use for simple boolean conditions, single-variable type promotion (use \`is\`), or basic collection filtering. /dart-use-pattern-matching by flutter](https://skilld.dev/gh/flutter/skills/dart-use-pattern-matching)
- [

  **/dart-use-primary-constructors**3k

  Help users write syntactically and semantically correct primary constructors in Dart, and migrate/use the new constructor syntax, empty-body semicolon syntax, in-body initializer list syntax, and abbreviated concise constructor syntax. /dart-use-primary-constructors by flutter](https://skilld.dev/gh/flutter/skills/dart-use-primary-constructors)
- [

  **/dart-write-documentation**3k

  Rules and formatting guidelines for writing Dart /// API documentation and doc comments. Use when documenting Dart code, writing doc comments for any Dart declaration (libraries, classes, methods, variables, etc.), or when instructed to follow the Effective Dart documentation guidelines. /dart-write-documentation by flutter](https://skilld.dev/gh/flutter/skills/dart-write-documentation)
- [

  **/flutter-add-integration-test**3k

  Configures Flutter Driver for app interaction and converts MCP actions into permanent integration tests. Use when adding integration testing to a project, exploring UI components via MCP, or automating user flows with the integration\_test package. /flutter-add-integration-test by flutter](https://skilld.dev/gh/flutter/skills/flutter-add-integration-test)
- [

  **/flutter-add-widget-preview**3k

  Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consistent design and interactive testing. /flutter-add-widget-preview by flutter](https://skilld.dev/gh/flutter/skills/flutter-add-widget-preview)
- [

  **/flutter-add-widget-test**3k

  Implement a component-level test using \`WidgetTester\` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating that a specific widget displays correct data and responds to events as expected. /flutter-add-widget-test by flutter](https://skilld.dev/gh/flutter/skills/flutter-add-widget-test)
- [

  **/flutter-apply-architecture-best-practices**3k

  Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability. /flutter-apply-architecture-best-practices by flutter](https://skilld.dev/gh/flutter/skills/flutter-apply-architecture-best-practices)
- [

  **/flutter-build-responsive-layout**3k

  Use \`LayoutBuilder\`, \`MediaQuery\`, or \`Expanded/Flexible\` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors. /flutter-build-responsive-layout by flutter](https://skilld.dev/gh/flutter/skills/flutter-build-responsive-layout)
- [

  **/flutter-fix-layout-issues**3k

  Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing "RenderFlex overflowed", "Vertical viewport was given unbounded height", or similar layout issues. /flutter-fix-layout-issues by flutter](https://skilld.dev/gh/flutter/skills/flutter-fix-layout-issues)
- [

  **/flutter-implement-json-serialization**3k

  Create model classes with \`fromJson\` and \`toJson\` methods using \`dart:convert\`. Use when manually mapping JSON keys to class properties for simple data structures. /flutter-implement-json-serialization by flutter](https://skilld.dev/gh/flutter/skills/flutter-implement-json-serialization)
- [

  **/flutter-setup-declarative-routing**3k

  Configure \`MaterialApp.router\` using a package like \`go\_router\` for advanced URL-based navigation. Use when developing web applications or mobile apps that require specific deep linking and browser history support. /flutter-setup-declarative-routing by flutter](https://skilld.dev/gh/flutter/skills/flutter-setup-declarative-routing)
- [

  **/flutter-setup-localization**3k

  Add \`flutter\_localizations\` and \`intl\` dependencies, enable "generate true" in \`pubspec.yaml\`, and create an \`l10n.yaml\` configuration file. Use when initializing localization support for a new Flutter project. /flutter-setup-localization by flutter](https://skilld.dev/gh/flutter/skills/flutter-setup-localization)
- [

  **/flutter-use-http-package**3k

  Use the \`http\` package to execute GET, POST, PUT, or DELETE requests. Use when you need to fetch from or send data to a REST API. /flutter-use-http-package by flutter](https://skilld.dev/gh/flutter/skills/flutter-use-http-package)
- [

  **/grill-with-docs**3k

  Grilling session that challenges your plan against the existing domain model, sharpens terminology, and updates documentation (CONTEXT.md, ADRs) inline as decisions crystallise. Use when user wants to stress-test a plan against their project's language and documented decisions. /grill-with-docs by flutter](https://skilld.dev/gh/flutter/skills/grill-with-docs)
- [

  **/natural-writing**3k

  Contains well-defined rules for creating natural, accurate, and readable writing. Use whenever authoring longer text, like analysis documents, PR or CL descriptions, or documentation. /natural-writing by flutter](https://skilld.dev/gh/flutter/skills/natural-writing)
- [

  **/unix-cli-best-practices**3k

  Safe, portable, and efficient command-line patterns for macOS/BSD Unix tools (grep, find, sed, awk, xargs, mdfind, pbcopy, open) and modern alternatives (ripgrep, fd). Covers common shell scripting and one-liner use cases including fast searching, text processing, codebase navigation, and parallel execution. /unix-cli-best-practices by flutter](https://skilld.dev/gh/flutter/skills/unix-cli-best-practices)

Skills published by Flutter. Checked GitHub just now