Skills
.Work. You
Rest

token-craft

Community

Define and govern design token foundations.

Design & Creative#theming#breakpoints#design-system#spacing#design-tokens#shadow#radius
Authorolzn
Version1.0.0
Installs0

System Documentation

What problem does it solve?

token-craft provides a structured approach to designing, naming, and distributing design tokens across primitive, semantic, and component layers, ensuring consistent theming and scalable foundations.

Core Features & Use Cases

  • Establish three-layer token models (primitive, semantic, component) and naming conventions (--{category}-{property}-{modifier}).
  • Define and apply foundation scales for spacing, radius, shadow, z-index, breakpoints, and motion.
  • Audit codebases for hardcoded values and align tokens with colour, type, and motion systems from specialist crafts (colour-craft, type-craft, motion-craft).

Quick Start

Define and implement your token scales in a project to standardize design decisions.

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: token-craft
Download link: https://github.com/olzn/system-craft/archive/main.zip#token-craft

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.