flutter-design-tokens

Installation
SKILL.md

When to Use

  • Creating new widgets or components
  • Refactoring existing components to remove magic numbers
  • Reviewing PRs for hardcoded spacing/sizing values
  • Establishing consistent visual rhythm

Critical Rules

  1. NEVER use raw numbers for spacing, sizes, or radii — always use tokens
  2. Import via barrel: import 'package:bastet/app/theme/tokens.dart';
  3. Pick semantic tokens that match intent, not just value

Token Classes

Class Purpose Example
AppSpacing Padding, margins, gaps AppSpacing.lg (16px)
AppSizes Icons, buttons, avatars AppSizes.touchTarget (48px)
Related skills
Installs
1
First Seen
Mar 13, 2026