← AI Library
Skill · Curated · Design systems
UI design system toolkit
Generates design tokens from a brand colour, checks contrast, does responsive type maths and writes developer handoff specs.
What you get
A token set (colour ramps, type scale, spacing, motion) and a handoff spec a developer can build from without asking a question.
What I changed, and why I run it
- This site's own tokens came out of its generator, then a contrast pass on every text pair.
- I run a condensed version of the skill.
- design tokens
- contrast
- type scale
- handoff
Source
- Author
- Alireza Rezvani
- Licence
- MIT
- Reviewed at
- latest
Reviewed 2026-08-20 Read in full; my copy has no scripts. Second opinion: skills.sh audits (opens in a new tab).
Not hosted here: get it from the author, at the commit I reviewed.
Updated 2026-08-20