flutter-ui

Installation
SKILL.md

1. Performance & Rendering

  • Const-First: Every widget that can be const MUST be const.
  • Lazy Rendering: Use SliverList.builder or SliverGrid.builder for lists > 10 items.
  • Repaint Boundaries: Wrap complex animations in RepaintBoundary.
  • Isolate Parsing: Use compute() or Isolate for JSON > 1MB.
  • BuildContext Safety: Check mounted before using context across async gaps.

2. Design Tokens (Theming)

Use AppColors, AppSpacing, AppRadius, and AppTypography. NEVER hardcode raw values.

  • Colors: Use context.colorScheme.primary or AppColors. Support light/dark modes.
  • Spacing: Use AppSpacing.sm (8), AppSpacing.md (16), etc. Use SizedBox for gaps.
  • Radius: Use AppRadius.md (12) for consistent rounding.
  • Typography: Use context.textTheme.bodyMedium. Support text scaling.

3. Reusable Components

Installs
223
GitHub Stars
20
First Seen
Mar 2, 2026
flutter-ui — dhruvanbhalara/skills