mobbin-flutterlisted

# Mobbin Flutter Skill Research real-world mobile UI from Mobbin's 621k+ screen library and implement production-ready Flutter widgets grounded in shipped apps — not AI guesses. ## Reference files Read when triggered: - `references/flutter-widgets.md` — Widget table, Material 3 / Cupertino, states, animations - `references/mobbin-queries.md` — Query templates + reference app list per category - `references/architecture.md` — MVVM, folder structure, Dart 3.12 patterns, adaptive/foldable - `references/mobbin-mcp.md` — Mobbin MCP tool sequence (two-step path, filter taxonomy) - `references/testing-a11y.md` — @Preview annotations, accessibility tests, golden tests Scripts: - `scripts/validate.sh` — runs `flutter analyze`, `dart format`, `flutter test` (Phase 5) --- ## Phase 0 — Preflight ### 1. Check MCP availability Try Mobbin MCP first (official API, best results): ``` /mcp → confirm "mobbin: connected" ``` If not connected, fall back to browser automation: ``` claude-in-chrome MCP → navigate mobbin.com → user authenticates → use browser workflow ``` Tell the user which path is active. If neither is available: > "Run `claude mcp add mobbin --scope user --transport http https://api.mobbin.com/mcp` > to connect the official Mobbin MCP, or enable claude-in-chrome for browser access." ### 2. Read the project - `pubspec.yaml` → Flutter version, state management, nav router, UI packages - `analysis_options.yaml` → active lints - `lib/core/theme/` or `lib/main.dart` → Them