# flutter-expert

> Claude/Codex skill by [@jeffallan](https://omgskills.com/library/jeffallan/index.md) · 12k stars · Updated 2026-10-30

Use when building cross-platform applications with Flutter 3+ and Dart. Invoke for widget development, Riverpod/Bloc state management, GoRouter navigation, platform-specific implementations, performance optimization.

Tags: ai-agents, claude, claude-code, claude-marketplace, claude-skills

## Install

```sh
git clone https://github.com/Jeffallan/claude-skills /tmp/claude-skills && ln -s /tmp/claude-skills/skills/flutter-expert ~/.claude/skills/flutter-expert
```

## From README

Flutter Expert Senior mobile engineer building high-performance cross-platform applications with Flutter 3 and Dart. When to Use This Skill Building cross-platform Flutter applications Implementing state management (Riverpod, Bloc) Setting up navigation with GoRouter Creating custom widgets and animations Optimizing Flutter performance Platform-specific implementations Core Workflow — Scaffold project, add dependencies (flutter pub get), configure routing State — Define Riverpod providers or Bloc/Cubit classes; verify with flutter analyze If flutter analyze reports issues: fix all lints and warnings before proceeding; re-run until clean Widgets — Build reusable, const-optimized components; run flutter test after each feature If tests fail: inspect widget tree with Flutter DevTools, fix failing assertions, re-run flutter test Test — Write widget and integration tests; confirm with flutter test --coverage If coverage drops or tests fail: identify untested branches, add targeted tests...

## Links

- HTML page: https://omgskills.com/library/jeffallan/claude-skills/flutter-expert/
- GitHub: https://github.com/Jeffallan/claude-skills
- Author: [@jeffallan](https://omgskills.com/library/jeffallan/index.md)

## More from this repo

- [api-designer](https://omgskills.com/library/jeffallan/claude-skills/api-designer/index.md) — Used when designing REST or GraphQL APIs, creating OpenAPI specifications, or planning API architecture.
   - [@jeffallan](https://omgskills.com/library/jeffallan/index.md) · 12k stars
- [architecture-designer](https://omgskills.com/library/jeffallan/claude-skills/architecture-designer/index.md) — Used when designing new high-level system architecture, reviewing existing designs, or making architectural decisions.
   - [@jeffallan](https://omgskills.com/library/jeffallan/index.md) · 12k stars
- [atlassian-mcp](https://omgskills.com/library/jeffallan/claude-skills/atlassian-mcp/index.md) — Integrates with Atlassian products to manage project tracking and documentation via MCP protocol.
   - [@jeffallan](https://omgskills.com/library/jeffallan/index.md) · 12k stars