Use when setting up or auditing a token system — colour, spacing, radius, and type as named decisions.
Scanned 9/5/2026
Install to Claude Code
Skills Directorynpx -y skills add ainurdev/mystical-assistant --skill design-tokens --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Design Tokens?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/ainurdev-design-tokens)More formats (shields.io, HTML) on the badges page.
---
name: design-tokens
description: "Use when setting up or auditing a token system — colour, spacing, radius, and type as named decisions."
---
# Design tokens
Use when setting up or auditing a token system — colour, spacing, radius, and type as named decisions.
## Checklist
- Name tokens by role (surface, border, danger), not by value (grey-200).
- Keep one spacing scale and use only its steps; ad-hoc pixel values erode it.
- Define semantic tokens on top of primitives so theming swaps one layer.
- Ship light and dark from the same semantic names, not two component trees.
- Cap the palette — every extra shade is a decision someone must repeat.
- Put the tokens in code, not a doc; a doc drifts within a sprint.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
