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.