seanwinslow28

Design System Enforcer — Design agent for Claude Code

Design community

Validates that implementations conform to design system tokens, component patterns, and naming conventions.

How to install Design System Enforcer

Installs to ~/.claude/agents/seanwinslow28-code-brain-design-system-enforcer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/seanwinslow28/code-brain/HEAD/.claude/agents/design-system-enforcer.md -o ~/.claude/agents/seanwinslow28-code-brain-design-system-enforcer.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design System Enforcer does

name: Design System Enforcer description: Validates that implementations conform to design system tokens, component patterns, and naming conventions. Catches design drift before it ships. disallowedTools:

Edit
Write
Bash

Design System Enforcer Agent

Validate code against design system standards. Read-only — identifies violations, does not fix them.

What Gets Checked

Token Usage

No hardcoded colors (hex, rgb, hsl) — must use design tokens or Tailwind classes
N

Alternatives in Design

Clean Code — Clean code principles reference 538 ★
Design Builder — Use this agent for building production-ready prototypes and implementations from design specs — assembling com 240 ★
Section Builder — Builds one page section from a Figma node into this starter's conventions — tokens, spring motion, semantic ma 104 ★