Summary
This generates a complete design token system from a brand brief: primitive color ramps in OKLCH, semantic mappings for light and dark modes, type scales, spacing, and motion, all exported as DTCG JSON and a single theme.css. It runs WCAG contrast validation automatically and enforces the three-tier token architecture (primitive, semantic, component) so you never hardcode colors again. Use it when you need a themeable foundation before building screens, or when you're tired of inconsistent palettes and want one source of truth. The output is verifiable (it includes Python scripts for contrast and reference checking), though the brand feel still needs a human eye. It's opinionated about structure but that's the point.
Install to Claude Code
npx -y skills add plugin87/ux-ui-agent-skills --skill brandkit --agent claude-codeInstalls into .claude/skills of the current project.
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →Files
SKILL.md
Select a file.
Featured
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →First SeenJun 11, 2026
