Skip to content
Development
Skill

/flutter

Flutter/Dart patterns, widgets, and best practices for cross-platform mobile

From plugin
f5-framework
2434 skills104 agents69 commands
Install
$ npx -y skills add Fujigo-Software/f5-framework-claude --skill flutter --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/flutter

Context preview

The summary Claude sees to decide when to auto-load this skill.

Flutter/Dart patterns, widgets, and best practices for cross-platform mobile

SKILL.md

flutter.SKILL.md
name: flutter-skills
description: Flutter/Dart patterns, widgets, and best practices for cross-platform mobile
category: stacks/mobile/flutter
applies_to: flutter
allowed-tools: Read, Write, Glob, Grep, Bash
user-invocable: true
context: inject

Flutter Skills

Google's UI toolkit for building natively compiled applications.

Sub-Skills

Architecture

  • [project-structure.md](architecture/project-structure.md) - Project organization
  • [clean-architecture.md](architecture/clean-architecture.md) - Clean architecture
  • [bloc-pattern.md](architecture/bloc-pattern.md) - BLoC pattern
  • [riverpod.md](architecture/riverpod.md) - Riverpod patterns

State Management

  • [provider.md](state/provider.md) - Provider patterns
  • [bloc.md](state/bloc.md) - BLoC patterns
  • [riverpod.md](state/riverpod.md) - Riverpod patterns
  • [getx.md](state/getx.md) - GetX patterns

Widgets

  • [stateless.md](widgets/stateless.md) - Stateless widgets
  • [stateful.md](widgets/stateful.md) - Stateful widgets
  • [inherited.md](widgets/inherited.md) - InheritedWidget
  • [custom-paint.md](widgets/custom-paint.md) - CustomPaint

Navigation

  • [navigator.md](navigation/navigator.md) - Navigator 2.0
  • [go-router.md](navigation/go-router.md) - GoRouter patterns
  • [auto-route.md](navigation/auto-route.md) - AutoRoute

Data

  • [dio.md](data/dio.md) - Dio HTTP client
  • [retrofit.md](data/retrofit.md) - Retrofit patterns
  • [hive.md](data/hive.md) - Hive local storage
  • [sqflite.md](data/sqflite.md) - SQLite patterns

Performance

  • [widget-rebuilds.md](performance/widget-rebuilds.md) - Minimize rebuilds
  • [lazy-loading.md](performance/lazy-loading.md) - Lazy loading
  • [images.md](performance/images.md) - Image optimization

Testing

  • [unit-testing.md](testing/unit-testing.md) - Unit tests
  • [widget-testing.md](testing/widget-testing.md) - Widget tests
  • [integration.md](testing/integration.md) - Integration tests
  • [mocking.md](testing/mocking.md) - Mockito patterns

Detection

Auto-detected when project contains:

  • `pubspec.yaml` file
  • `lib/main.dart` file
  • `flutter` package
Read more
Ships withf5-framework

AI-Powered Development Framework for Claude Code

Get the whole plugin

Other skills on f5-framework.