sanuu7/androidharness/design-tokens
Claude Code and agent skill by sanuu7/androidharness
Trust tier 3
- community
Source check pending
Checking that the SKILL.md file is still in the repository.
Author a DESIGN.md token spec (colors, type, spacing) the agent can reuse.
Install
npx vskill@latest install sanuu7/androidharness/design-tokensSKILL.md
The same SKILL.md was published earlier as keepinitkrispy/parallelharness/design-tokens.
Design tokens
A DESIGN.md the agent can keep using: YAML-ish tokens plus short rationale.
When to use
- They asked for a design system, tokens, or DESIGN.md
- Several screens must stay consistent
When not to use
- A one-off HTML artifact (web-design)
- They only wanted a Stripe clone (popular-web-designs)
Procedure
- If a brand was named, load popular-web-designs first and translate into tokens.
write_fileDESIGN.mdwith: colors (bg, text, accent, danger), type (display, body, mono), space scale, radius, one contrast note.- Put hex values, not "a nice blue".
- Add a tiny table: pair, ratio guess, pass/fail for body text on bg. No CLI required.
- Later screens should
read_filethis DESIGN.md before inventing colors.
Pitfalls
- Tokens nobody uses.
- Missing dark/light if they asked for both.
Verification
Another turn can style a page using only this file.
Security
- Security scanPassed, 90 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingapp/src/main/assets/skills/design-tokens/SKILL.md
Popularity
- 7-day trend score
- 0
Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/sanuu7/androidharness/design-tokens)