flutter

Enforce Flutter/Dart best practices for widget composition, state management, and testing.

9|1|Updated Feb 1, 2026
One-click install
npx skills add https://github.com/calcosmic/Aether --skill flutter-calcosmic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: flutter
Source: https://github.com/calcosmic/Aether/tree/main/.aether/skills-codex/domain/flutter
Command: npx skills add https://github.com/calcosmic/Aether --skill flutter-calcosmic

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Flutter/Dart Best Practices helps teams build maintainable, high-quality cross-platform apps by standardizing UI composition, state management, and testing practices.

Core Features & Use Cases

  • Widget composition and UI architecture: build UIs from small, reusable widgets; prefer const constructors; minimize StatefulWidgets to improve performance and testability.
  • State management: recommend Riverpod for top-level providers and AsyncValue handling; support BLoC patterns where appropriate; enforce immutability.
  • Platform channels and integration: guidelines for MethodChannel/EventChannel usage and preferring Pigeon to generate type-safe bindings; keep platform-specific logic minimal in the shared layer.
  • Responsive layout: use MediaQuery and LayoutBuilder; define mobile/tablet/desktop breakpoints and adapt UI accordingly.
  • Testing and quality: emphasize widget tests, mocks, golden tests, and CI coverage thresholds to ensure reliability.

Quick Start

Create a new Flutter project and apply these best practices to structure widgets, manage state, and test components from the start.

Frequently Asked Questions about flutter

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is the best way to manage state in a scalable Flutter app?▼

For scalable Flutter state management, Riverpod is recommended for top-level providers and AsyncValue handling, while BLoC patterns are supported where appropriate to enforce immutability.

How do I structure Flutter widgets to improve app performance?▼

To improve Flutter widget composition and performance, build UIs from small, reusable widgets, prefer const constructors, and minimize StatefulWidgets to enhance testability.

How do I build responsive layouts for mobile, web, and desktop in Flutter?▼

Build responsive Flutter layouts by using MediaQuery and LayoutBuilder to define mobile, tablet, and desktop breakpoints, adapting the UI accordingly across multi-platform projects.

Does this Flutter best practices approach support type-safe platform channels?▼

Yes, for Flutter platform channels, it recommends using Pigeon to generate type-safe bindings for MethodChannel and EventChannel, keeping platform-specific logic minimal in the shared layer.

How do I test Flutter widgets and ensure app reliability?▼

Test Flutter widgets and ensure reliability by emphasizing widget tests, mocks, golden tests, and CI coverage thresholds throughout your multi-platform app development process.

What are the core testing and quality guidelines for a new Flutter project?▼

Core Flutter testing guidelines emphasize widget tests, mocks, golden tests, and CI coverage thresholds to ensure reliability, applied from the start of a new project.