flutter-design-system
Applies a design system in Flutter through the theme layer: ThemeData, ColorScheme, TextTheme, ThemeExtension design tokens, light and dark themes, shared themed widgets, accessibility checks and dashboard screens (stat strips, cards, adaptive layout). Use when theming an app, mapping a design team's tokens to Flutter, removing hard-coded colours or sizes, adding dark mode, checking contrast, tap targets and text scaling, or building a dashboard or data-heavy screen. Do not use for app structure (flutter-architecture) or for API integration.
Pinned to revision 8f340a058484, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/flutter-design-system/SKILL.md
- skills/flutter-design-system/references/dashboard-starter.dart
- skills/flutter-design-system/references/dashboard-ui.md
- skills/flutter-design-system/references/theming-and-accessibility.md
- skills/flutter-design-system/references/ui_blocks.dart
- skills/flutter-design-system/references/web-blocks-to-flutter.md
Every link opens the file at its source, pinned to the revision this page describes.