skills/flutter/SKILL.md
Flutter patterns — widget architecture, state management, Impeller renderer, platform-adaptive design
npx skillsauth add xoai/sage flutterInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Layer 2 — Framework Pack
Flutter patterns for modern development (3.x+). Widget architecture, state management, Impeller renderer, platform-adaptive design, and the common mistakes agents make from outdated tutorials.
Flutter's "everything is a widget" model is simultaneously its greatest strength
and the main source of agent mistakes. Agents build monolithic widget trees with
thousands of lines, misuse setState for everything, nest widgets 15 levels
deep, and ignore the widget lifecycle. This pack establishes clean widget
architecture, proper state management selection, and Impeller-era performance
patterns.
| Type | Files | Coverage | |------|-------|----------| | Patterns | 7 | Widget architecture, state management, async/data, navigation, platform-adaptive, testing, performance | | Anti-patterns | 5 | God widgets, setState everywhere, ignoring dispose, hardcoded dimensions, unnecessary packages | | Constitution | 1 | 5 Flutter-specific principles | | Gate | 1 | Flutter pattern compliance check |
When firebase_core is detected, read integration/firebase-integration.md for
the Flutter + Firebase + Riverpod seams — auth, Firestore, Cloud Functions, and
project structure — that the individual docs don't cover together. This folds in
the former stack-flutter-firebase skill; the content is unchanged.
Constitution: constitution/firebase.constitution-additions.md ·
anti-patterns: anti-patterns/firebase-anti-patterns.md.
testing
Root cause diagnosis with evidence, Reproducing test, Minimal patch
tools
Session resumption with context
tools
Configure Sage preset and project settings. Switch between base, startup, enterprise, or opensource constitution presets. Use when the user says "configure sage", "change preset", or "sage settings".
development
Brief (medium+ tasks), Spec, Implementation plan