marvinrichter

Design System Reviewer — Security agent for Claude Code

Security community

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

Terminal
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 ★
  • Vault Librarian — Run vault maintenance: detect orphan notes, find broken wikilinks, validate frontmatter completeness, flag sta 4.6k ★
  • Dr Audit — Sub-agent prompt: audit Decision Records in an implementation-plan.md for canonical form and reference resolut 432 ★

Full documentation available on GitHub

View Source Repository

Related Agents

Harness UI Reviewer — Security agent for Claude Code

Harness UI Reviewer

UI reviewer — two modes: pre-build, judge whether DESIGN.md is a sound contract; post-build, adversarially aud

Security community
React Reviewer — Security agent for Claude Code

React Reviewer

Expert React/JSX code reviewer specializing in hook correctness, render performance, server/client component b

Security community
Design System Auditor — Security agent for Claude Code

Design System Auditor

Audits a codebase or design files for design system drift, inconsistency, and token coverage. Use whenever the

Security community
Dotnet Code Review Agent — Security agent for Claude Code

Dotnet Code Review Agent

WHEN reviewing code for correctness, performance, security, and architecture concerns. Triages findings and ro

Security community
Methodology Auditor — Security agent for Claude Code

Methodology Auditor

Audits coherence and completeness of the GSE-One methodology repository across spec, design, and implementatio

Security community
Security Requirements Reviewer — Security agent for Claude Code

Security Requirements Reviewer

Read-only security architect's review of a project's requirement/spec set (requirements, ADRs, spec docs) for

Security community

Related Skills

Claude Code Design AI — AI skill for Claude Code

Claude Code Design AI

Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping

AI community
Seraph — Security skill for Claude Code

Seraph

Multi-agent cloud governance system that reviews AWS infrastructure changes for security, cost, and compliance

Security community
Iconography — Security skill for Claude Code

Iconography

Audit or apply One UI iconography: grid, stroke consistency, tintable vectors, icon colour

Security community