Skills
.Work. You
Rest

frontend-tokens

Community

Design tokens: manage themes with ease.

Design & Creative#css#tailwind#design-system#dark-mode#design-tokens#token-management
AuthorAirMile
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Tokens manage project design system tokens (colors, typography, spacing, motion, and interactions) and automate their creation, updates, and alignment with code sources like Tailwind or CSS.

Core Features & Use Cases

  • Central token management for theme colors, typography, spacing, breakpoints, motion, and interactions.
  • Generate, view, update, and export tokens, enable dark/light mode, and derive tokens from existing Tailwind/CSS configs.
  • Use cases include setting up a new design system, migrating existing tokens, or syncing tokens with project.json themes.

Quick Start

Describe your design system context and request token generation to initialize or update your theme.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: frontend-tokens
Download link: https://github.com/AirMile/claude-config/archive/main.zip#frontend-tokens

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.