flutter
25 skills with substantive source documentation and an official publisher or observed installation demand. Read each skill’s original documentation through its card.
flutterflutter-build-responsive-layout
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.
- 安装量
- 12
- GitHub Stars
- 3045
- 最近更新
- 10月5日
flutterflutter-apply-architecture-best-practices
Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability.
- 安装量
- 10
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-add-unit-test
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.
- 安装量
- 9
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-generate-test-mocks
Define and generate mock objects for external dependencies using package:mockito and buildrunner. Use when unit testing classes that depend on complex external services like APIs or databases.
- 安装量
- 9
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-resolve-package-conflicts
Workflow for fixing package version conflicts. Use this when pub get fails due to incompatible package versions.
- 安装量
- 9
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-run-static-analysis
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.
- 安装量
- 9
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-use-pattern-matching
- 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.
- 安装量
- 9
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-use-primary-constructors
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.
- 安装量
- 9
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-write-documentation
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.
- 安装量
- 9
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterflutter-add-widget-preview
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.
- 安装量
- 9
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterflutter-implement-json-serialization
Create model classes with fromJson and toJson methods using dart:convert. Use when manually mapping JSON keys to class properties for simple data structures.
- 安装量
- 9
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterflutter-setup-declarative-routing
Configure MaterialApp.router using a package like gorouter for advanced URL-based navigation. Use when developing web applications or mobile apps that require specific deep linking and browser history support.
- 安装量
- 9
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterflutter-setup-localization
Add flutterlocalizations 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.
- 安装量
- 9
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterflutter-use-http-package
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.
- 安装量
- 9
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-build-cli-app
- 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.
- 安装量
- 8
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-migrate-to-checks-package
|- Replace the usage of expect and similar functions from package:matcher to package:checks equivalents.
- 安装量
- 8
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-setup-ffi-assets
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:nativetoolchainc). 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 ma
- 安装量
- 8
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-use-doc-examples
How to inject external code examples into Dartdoc using the {@example} directive, and how to filter those files using hide, region, and endregion tags.
- 安装量
- 8
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-use-ffigen
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.
- 安装量
- 8
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-use-path-package
- 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.
- 安装量
- 8
- GitHub Stars
- 3042
- 最近更新
- 10月5日
flutterdart-collect-coverage
Collect coverage using the coverage packge and create an LCOV report
- 安装量
- 1
- GitHub Stars
- 3047
- 最近更新
- 10月5日
flutterdart-fix-runtime-errors
Uses getruntimeerrors and lsp to fetch an active stack trace, locate the failing line, apply a fix, and verify resolution via hotreload.
- 安装量
- 1
- GitHub Stars
- 3047
- 最近更新
- 10月5日
flutterflutter-add-integration-test
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 integrationtest package.
- 安装量
- 1
- GitHub Stars
- 3047
- 最近更新
- 10月5日
flutterflutter-add-widget-test
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.
- 安装量
- 1
- GitHub Stars
- 3047
- 最近更新
- 10月5日