Skip to main content
affpapa.org
RU EN
skill

flutter-expert · davila7 — Claude Code skill: what it does, how to install

Sets up Claude Code for cross-platform app engineering with Flutter 3.x and Dart 3. Helps handle state management, platform channels, and Impeller tuning.

Install into Claude Code · claude-code-templates All methods and platforms ↓ 
npx claude-code-templates@latest --skill development/flutter-expert
Open on GitHub

What flutter-expert does

This skill guides Claude Code through multi-platform development using modern Dart 3 features like pattern matching, records, and sealed classes. It structures apps with Clean Architecture, sets up dependency injection, and wires state management via Riverpod, Bloc, MobX, or GetX.

The prompt covers UI optimization, targeting 60 or 120 frames per second by cutting down widget rebuilds and migrating rendering to the Impeller engine. It also provides guidance on writing platform channels in Swift and Kotlin for native hardware interactions. When detailed guides are needed, the instructions point Claude Code to consult resources/implementation-playbook.md.

Without an installed Flutter 3.x SDK and native platform toolchains, testing generated platform channels locally will fail.

What it helps with

  • migrate rendering pipelines from Skia to Impeller
  • organize app state using Riverpod or Bloc patterns
  • write bidirectional platform channels in Kotlin and Swift
  • profile and cut down unnecessary widget rebuilds

Example prompts for the agent

  • Refactor our profile screen to use Riverpod 2.x and sealed classes for state
  • Optimize this feed view using Slivers to target 120fps rendering
  • Write a Kotlin method channel to interact with Android biometric hardware

How to install flutter-expert

1claude-code-templates

npx claude-code-templates@latest --skill development/flutter-expert

2Skills CLI (Vercel)

npx skills add davila7/claude-code-templates --skill flutter-expert -a claude-code

3Manually: put the files in place

~/.claude/skills/flutter-expert/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/flutter-expert/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about flutter-expert

How do I install flutter-expert in Claude Code?

Run npx claude-code-templates@latest --skill development/flutter-expert in your terminal, or place the file directly at ~/.claude/skills/flutter-expert/SKILL.md.

What does the flutter-expert skill do?

It provides development rules and architecture patterns for Flutter 3.x, covering Dart 3 language features, state management, testing, and native platform bindings.

Which state management libraries are covered?

The skill includes guidance for Riverpod 2.x, Bloc and Cubit, GetX, Provider, Stacked, MobX, and Redux.

Similar skills

All skills for Mobile →

flutter-expert by other authors comes first.

flutter-expert https://github.com/Jeffallan Skill for building cross-platform apps with Flutter 3+ and Dart. Covers widgets, state management via Riverpod or Bloc, GoRouter navigation, and performance optimization. CX Codex +1 14,300installs vercel-react-native-skills vercel A rules pack for React Native and Expo work: lists, animations, navigation, native modules. Load it so your agent makes mobile changes the same way every time. CX Codex +1 255,200installs animate-expo emilkowalski Builds React Native and Expo animations using Reanimated and Gesture Handler. Helps keep motion on the UI thread and avoid dropped frames on physical devices. CX Codex +1 137,900installs mobile-native emilkowalski Strips the tells that give a web app away on a phone: sticky hover, tap highlight flash, the 100vh bug. CX Codex +1 86,600installs aso coreyhaines31 Audits App Store and Google Play listings against store optimization standards. Helps uncover gaps in metadata, visual assets, and conversion. CX Codex +1 75,900installs paywalls coreyhaines31 This skill helps plan and improve in-app paywalls, upgrade screens, upsell modals, and feature gates when a free user is asked to move to a paid plan. CX Codex +1 71,000installs swiftui-pro Paul Hudson Reviews SwiftUI code for deprecated APIs, data-flow issues, accessibility gaps, and performance concerns. Use it during feature work or code review. CX Codex +1 35,200installs

From the same set804

The whole set →
architecture Guides architectural choices and helps document decisions through ADRs in Claude Code. Useful when structuring new systems. 449installs optimize Analyzes active and past task orchestrations in Claude Code to detect bottlenecks, balance agent workloads, and surface parallel execution paths. 440installs performance Audits web performance in Claude Code: optimizes Core Web Vitals, enforces resource budgets, and tunes asset delivery. 438installs deslop Cleans AI-generated clutter from a branch before merging code. It inspects diffs against main to strip needless comments, type workarounds, and unneeded guards. 437installs agent-tool-builder Guides developers in designing tools, JSON Schema definitions, and error handling for AI agents. Useful when setting up function calling or MCP servers. 437installs memory-search Searches conversation history and semantic memory across sessions. Helps agents recall earlier decisions before tackling new code. 434installs penetration-test A slash command that runs penetration testing on a web app, API or auth flow and returns a report with fixes. 434installs market-research-reports Generates 50+ page market analysis documents in LaTeX, compiled directly to PDF. Helpful for sizing market opportunities and writing investment theses. 433installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor