flutter-design-system

Official

Enforce a Flutter design system with tokens.

Authorwildbitca
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Flutter projects often accumulate hardcoded colors, spacing, and typography, making UI inconsistent and hard to maintain. This skill enforces a Design Language System in Flutter by promoting token-based design and preventing ad-hoc styles.

Core Features & Use Cases

  • Enforces tokenized colors, spacing, and typography across Flutter apps.
  • Encourages using theme data and design tokens over raw values to ensure consistency and easier theming.
  • Use during refactors or new screen development to align with a shared design system.

Quick Start

Apply the Flutter DLS rules to your project by replacing hardcoded values with tokenized equivalents.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: flutter-design-system
Download link: https://github.com/wildbitca/ai-resources/archive/main.zip#flutter-design-system

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.