html-design-tokens
html-design-tokens is a Design systems & theming skill for AI agents, published by f-labs-io in the agent-html-skills repository on GitHub. Skillspace rates html-design-tokens D (60/100) and it passed the safety scan; it has also been tested head-to-head on real tasks.
Showcase design tokens — color palettes, type scales, spacing systems, radius scales, shadow systems, motion tokens — as HTML pages with copy-paste CSS variable exports, contrast ratio checks, and live sample type. Use whenever the user shows or asks about a palette, theme, design system, branding colors, design tokens, or wants to document any system of values that drives visual design. Markdown literally cannot display colors; reach for this skill any time color or spatial values are involved.
- Grade
- D
- Quality
- 60 / 100
- Safety
- Passed
- GitHub stars
- 37
Won 2 of 6 blind task comparisons against the category's two leading skills and a no-skill baseline.
This rating describes the version of the repository we crawled; it may have changed since, so go by its current files.
Our review
- Architecture
- 93 / 100
- Maturity
- Basic: a single SKILL.md
- Security scan
- Low-risk patterns
- License
- MIT
- Adoption
- Adopted by 0 other repositories, in 0 collections
Head-to-head
Won 2 of 6 blind task comparisons against the category's two leading skills and a no-skill baseline.
What the scanner flagged
- mentions secrets in text
Not checked yet
- Category is a classifier prediction; no model has read this skill yet
- Not judged on the rubric yet (not a contender in its category)
- Scope (portable / vendor / repo-internal) not assessed; only the top of each category is read for scope
- Sibling files (scripts, references) not fetched; security scan covers SKILL.md only
Skillspace indexes and rates this skill; it does not host or endorse it. Run third-party skills at your own risk.