General skillDesign and creative work
design-agent-kb
Create, recreate, or modify website design systems from a structured knowledge base.
Create, recreate, or modify website design systems from a structured knowledge base.
Use this Claude Code skill to turn a brand brief or an existing site into a detailed website design system covering typography, color, spacing, motion, and optional WebGL direction. Its hub-and-spoke knowledge base loads only the guidance needed for the task and produces four deliverables: a design specification, DTCG tokens, a motion specification, and an implementation plan. Building the site remains a separate stage.
Resource types
Use cases
Platforms
Turns one idea into a clean peanut-led concept illustration.
Keeps generated UI aligned with explicit design rules.
Runtime
Public GitHub facts last synced Jul 10, 2026.
Route a design brief through color, effects, typography, and icon skills in a coherent order.
Plan product design projects in Claude with reusable PRCSS workflows.