Design Token Alignment
Align design artifacts with code tokens and component APIs so spacing, color, type, and states stay consistent through implementation.
Install
$ agentstack add skill-45ck-skill-harness-design-token-alignment ✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
About
Use this skill when a design needs to map cleanly onto an existing component system or token set.
Checklist:
- identify which design values already map to existing tokens
- flag values that are near-matches and should be normalized instead of copied literally
- note any missing tokens, variant gaps, or component API mismatches
- keep the recommendation biased toward reuse before extension
- produce a concise token and component mapping table
- keep token decisions and component-state mappings in a durable source artifact
- generate a visual review surface when humans need to compare token impact, states, or before/after UI behavior
Good output:
- existing tokens reused where possible
- missing tokens called out explicitly
- API gaps separated from pure styling gaps
- implementation guidance that preserves the current design system shape
- source-backed review path when a generated visual comparison is needed
Avoid:
- creating one-off tokens for every visual exception
- solving a component API problem with raw styling overrides
- assuming the design tool naming is already production-ready
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: 45ck
- Source: 45ck/skill-harness
- License: MIT
- Homepage: https://github.com/45ck/skill-harness/releases/tag/v0.1.0
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet — be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.