Design System Reviewer — Security agent for Claude Code
Comprehensive design system audit — reviews CSS/token structure, dark mode implementation, icon system, accessibility compliance, design-code consistency, and component completeness.
How to install Design System Reviewer
Installs to ~/.claude/agents/marvinrichter-clarc-design-system-reviewer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/marvinrichter/clarc/HEAD/agents/design-system-reviewer.md -o ~/.claude/agents/marvinrichter-clarc-design-system-reviewer.md Restart Claude Code, or start a new session, for it to be picked up.
What Design System Reviewer does
name: design-system-reviewer description: Comprehensive design system audit — reviews CSS/token structure, dark mode implementation, icon system, accessibility compliance, design-code consistency, and component completeness. Routes findings across visual design dimensions and produces a prioritized remediation plan. Use when auditing a frontend codebase for design quality, before a major UI release, or when design system debt has accumulated. tools: ["Read", "Grep", "Glob", "Bash"] model: so
Alternatives in Security
- Token Auditor — Scans ui/src/ for hardcoded visual values, duplicate components, and shadcn replacement candidates; produces d 79.4k ★
- Accessibility Audit — You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive tec 31.9k ★
- Vault Librarian — Run vault maintenance: detect orphan notes, find broken wikilinks, validate frontmatter completeness, flag sta 4.6k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Harness UI Reviewer
UI reviewer — two modes: pre-build, judge whether DESIGN.md is a sound contract; post-build, adversarially aud
Design System Auditor
Audits a codebase or design files for design system drift, inconsistency, and token coverage. Use whenever the
Token Analytics
Use to audit the design-token side of the system: drift between the token source and built outputs (stale / mi
Methodology Auditor
Audits coherence and completeness of the GSE-One methodology repository across spec, design, and implementatio
Noemeo Backend Architect
Designs backend systems in Noemeo repos -- data ownership and custody, component and service boundaries, contr
React Reviewer
Expert React/JSX code reviewer specializing in hook correctness, render performance, server/client component b
Related Skills
Claude Code Design AI
Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping
Rcode Review
Perform comprehensive review with scope verification, convention compliance, and architectural consistency che
Component To Release Agent
Chains design-to-code, accessibility and token-compliance checks (three release gates), then the AI descriptio