Skip to content
Get packs

Dart and Flutter Patterns

Gives the agent production-ready Dart/Flutter code patterns for state, navigation, networking and tests.

Source Download skill
Repository
affaan-m/ECC
Stars
295,127
Licence
MIT
Files
1 file

What it does

When installed, this skill tells the agent to follow a set of established Dart and Flutter coding conventions when writing or reviewing Flutter apps. It covers null safety, immutable state (sealed classes, freezed, copyWith), async handling, widget structure, popular state managers (BLoC, Riverpod, Provider), GoRouter navigation with login redirects, Dio networking with token refresh, error handling, and testing. It is written in Japanese and provides copy-paste code snippets rather than running anything itself.

Great for

  • Flutter developers starting a new feature who want consistent state management and navigation patterns
  • Teams choosing between BLoC, Riverpod or Provider for a new Flutter project
  • Developers reviewing Dart code for null safety, immutability and async pitfalls

Skip it if

  • Non-developers or people without a Flutter project, since the guidance assumes existing Dart/Flutter knowledge
  • Projects that already follow a different architecture, where these patterns may conflict with established conventions and cause inconsistent code

Try asking

  • “Set up a new Flutter project and help me choose between BLoC, Riverpod and Provider”
  • “Add GoRouter with a login guard that redirects unauthenticated users to /login”
  • “Write a Dio interceptor that refreshes the auth token once when a request returns 401”
  • “Write BLoC tests for my login Cubit using bloc_test”
Step-by-step guide: how to use Dart and Flutter PatternsInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the MIT licence and an attribution note.

    dart-flutter-patterns.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip dart-flutter-patterns.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip dart-flutter-patterns.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Name your state manager explicitly in the request so the agent applies the matching pattern set
  • Ask the agent to check its generated code against your project's existing lint rules and package versions, since the snippets are general examples
  • The skill text is in Japanese; English-language prompts still work but review output carefully for API version accuracy

What's inside

  • SKILL.md

Redistributed unmodified from affaan-m/ECC under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.