8 skills · 4 categories
Claude Code skills for Flutter and Dart
Flutter skills for widget composition, state management, platform channels and release builds, plus the cross-platform mobile skills for accessibility, offline sync and app security that apply to Flutter apps.
Start with these
- 1
Flutter Widgets
Small const widgets, one state owner, no overflow stripes
Claude writes Flutter UI as small const widget classes instead of helper methods, places state deliberately with setState, Riverpod 3 or Cubit, and fixes layout exceptions from the constraints model rather than by trial and error. Async code checks context.mounted after every await, native calls go through Pigeon, and jank is diagnosed in profile mode with DevTools.
- 2
Dart Language
Sealed states, exhaustive switches, no bang operators
Claude checks the SDK floor in pubspec.yaml before using records, dot shorthands, or other gated syntax, then models domain states as sealed hierarchies matched by exhaustive switch expressions. It replaces bang operators with flow analysis and patterns, moves CPU-heavy work into Isolate.run, enables strict analyzer modes and future lints, and proves lower bounds with pub downgrade.
- 3
Mobile UI Patterns
Apps that feel native, not like a site in a wrapper
Claude picks navigation, sheets and modals the way the platform expects: per-tab stacks that keep their place, sheets for short tasks and full-screen modals for long ones, and back gestures that always work. Primary actions move into thumb reach, content respects safe areas and Android edge-to-edge, and each choice is marked as platform-adaptive or shared for React Native and Flutter builds.
All 8 Flutter and Dart skills
Grouped by category. Each card opens the full playbook, example prompts and install commands.
Security 1
Mobile 5
Flutter Widgets
Small const widgets, one state owner, no overflow stripes
Claude writes Flutter UI as small const widget classes instead of helper methods, places state deliberately with setState, Riverpod 3 or Cubit, and fixes layout exceptions from the constraints model rather than by trial and error. Async code checks context.mounted after every await, native calls go through Pigeon, and jank is diagnosed in profile mode with DevTools.
Kotlin Multiplatform
Share the logic, keep the native feel on Android and iOS
Claude decides what belongs in commonMain and what stays native, builds the shared module with the AGP 9 Android-KMP plugin, Ktor and SQLDelight or Room KMP, and designs a Swift-facing facade with @Throws and SKIE so iOS code gets async functions and exhaustive enums. It treats Swift export as Alpha and plans adoption one slice at a time.
Mobile Accessibility
Apps that work with VoiceOver, TalkBack and huge text
Claude audits and fixes native and cross-platform apps so critical flows can be completed eyes-free with VoiceOver and TalkBack. It writes concise labels, exposes roles, values and states, groups cards with custom actions, manages focus after navigation, and makes layouts reflow at the largest text sizes, using a concept-to-API map for SwiftUI, UIKit, Compose, Views, React Native and Flutter.
Mobile Biometric Auth
Face ID that guards a key, not a boolean
Claude implements biometric unlock so the prompt releases a token sealed in the Keychain or Android Keystore, with biometryCurrentSet and setInvalidatedByBiometricEnrollment so a newly added face or finger locks the secret. It maps every cancel, lockout and invalidation error to a password fallback, keeps the server issuing short-lived tokens, and flags wrappers that only return a bypassable true.
Mobile Performance
Faster launches and smooth lists, proven on real devices
Claude treats mobile performance as measurement first: release builds on a mid-range physical device, median and p90 over repeated runs, and a profiler trace before any change. It then applies the fixes that usually matter — deferred SDK init, Baseline Profiles, image downsampling, virtualized lists with stable keys, work moved off the main thread — and adds a benchmark so the gain cannot quietly regress.
Install
Every Flutter and Dart skill in one command
Installs into ~/.claude/skills/. Add --project after -- to install into the current repository.
curl -fsSL https://claudeskills.page/install.sh | sh -s -- flutter-widgets dart-language mobile-ui-patterns mobile-app-security kotlin-multiplatform mobile-accessibility mobile-biometric-auth mobile-performance Flutter and Dart skills FAQ
What is the best Claude Code skill for Flutter and Dart?
Start with Flutter Widgets: Small const widgets, one state owner, no overflow stripes. Then add Dart Language and Mobile UI Patterns, which cover the next most common Flutter and Dart requests.
How do I install all 8 Flutter and Dart skills at once?
Pass every name to the installer in one command: curl -fsSL https://claudeskills.page/install.sh | sh -s -- flutter-widgets dart-language mobile-ui-patterns mobile-app-security kotlin-multiplatform mobile-accessibility mobile-biometric-auth mobile-performance. Add --project to install them into the current repository's .claude/skills/ folder so your team gets them too.
Do these Flutter and Dart skills work outside Claude Code?
Yes. Each skill uses only the portable Agent Skills frontmatter, so the same folder works on claude.ai, through the Claude API and in the Agent SDK. Skills that run bundled scripts need an environment with code execution.