← All skills

Brandkit

Generate a complete, accessible brand design system from a brief , primitive → semantic → component DTCG tokens (color, type, spacing, radius, shadow, motion), light + dark, plus a single th

Brand and identityThientan SoparatMIT

Install

npx degit plugin87/ux-ui-agent-skills/.claude/skills/brandkit .claude/skills/brandkit

Run it in your project root, then ask your agent for what you want. More detail

What it does

Generate a complete, accessible brand design system from a brief — primitive → semantic → component DTCG tokens (color, type, spacing, radius, shadow, motion), light + dark, plus a single theme.css — verified for WCAG. Use when the user wants a from-scratch brand/design foundation, a new palette + type system, or a themeable token kit for a product.

Straight from the skill's own SKILL.md. This is what your agent reads.