Skills Directory

Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI

Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing "RenderFlex overflowed"

Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use

Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or m

Configures Flutter Driver for app interaction and converts MCP actions into permanent integration tests. Use when adding integration testing

Create model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for

Add `flutter_localizations` and `intl` dependencies, enable "generate true" in `pubspec.yaml`, and create an `l10n.yaml` configuration file.

Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing scr

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.

Builds Flutter layouts using the constraint system and layout widgets. Use when creating or refining the UI structure of a Flutter applicati

Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring

Implements animated effects, transitions, and motion in a Flutter app. Use when adding visual feedback, shared element transitions, or physi

Manages application and ephemeral state in a Flutter app. Use when sharing data between widgets or handling complex UI state transitions.

Customizes the visual appearance of a Flutter app using the theming system. Use when defining global styles, colors, or typography for an ap

Handles routing, navigation, and deep linking in a Flutter application. Use when moving between screens or setting up URL-based navigation.

Implements unit, widget, and integration tests for a Flutter app. Use when ensuring code quality and preventing regressions through automate

Executes HTTP requests and handles JSON serialization in a Flutter app. Use when integrating with REST APIs or parsing structured data from

Implements caching strategies for Flutter apps to improve performance and offline support. Use when retaining app data locally to reduce net

Builds Flutter forms with validation and user input handling. Use when creating login screens, data entry forms, or any multi-field user inp

Executes long-running tasks in background isolates to keep the UI responsive. Use when performing heavy computations or parsing large datase

Measures and optimizes the size of Flutter application bundles for deployment. Use when minimizing download size or meeting app store packag

Manages local data persistence using SQLite or other database solutions. Use when a Flutter app needs to store, query, or synchronize large

Configures a Flutter app to support assistive technologies like Screen Readers. Use when ensuring an application is usable for people with d