claude-design-system-agent

The claude-design-system-agent is a Claude Code agent designed to manage and enforce a project's design system. It automatically identifies, remembers, and applies design tokens, components, and patterns. Developers can use it in BUILD mode to generate UI code that adheres to the design system or in REVIEW mode to detect design inconsistencies in existing code. This agent requires no configuration and learns directly from the codebase. It streamlines the process of maintaining a consistent user interface across a project.

This agent solves the problem of manually ensuring UI code aligns with a project's design system, which can be time-consuming and prone to errors. Developers can use it to automate design enforcement and reduce design drift, saving time and improving consistency.