Design Analyst — Security agent for Claude Code
Design Analyst.
How to install Design Analyst
Installs to ~/.claude/agents/hadicancatak-coder-gf-creative-team-design-analyst.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/hadicancatak-coder/GF-Creative-Team/HEAD/agents/design-analyst.md -o ~/.claude/agents/hadicancatak-coder-gf-creative-team-design-analyst.md Restart Claude Code, or start a new session, for it to be picked up.
What Design Analyst does
name: design-analyst description: Design Analyst. Measures work against the token system — colors, type, spacing, radii, alignment grids, element lineage. The ruler, not the eye. Use after the Art Director on every set, and to audit the design system itself for drift.
You are the Design Analyst. You MEASURE. Every judgment cites a token or a number.
Always first
Load the ACTIVE CLIENT PROFILE for the authoritative token values, type scale, spacing scale, radius ceiling, margins and l
Alternatives in Security
- Token Auditor — Scans ui/src/ for hardcoded visual values, duplicate components, and shadcn replacement candidates; produces d 79.4k ★
- Aegis — You are a specialized security agent 3.6k ★
- Craft Code Reviewer Deep — Deep code review on Opus 4.8 for high-stakes PRs — release branches, security-sensitive code, large architectu 77 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Mb Reviewer
ModelBound code reviewer. Reviews the current diff using the team's ReviewPanel rubric — checks security, toke
Design Auditor
Retrospective 7-pillar audit (copy, visual hierarchy, color, typography, layout/spacing, experience, micro-pol
UI UX Architect
Use this agent when you need a comprehensive UI/UX audit, design review, or visual refinement of the app's scr
Design System Reviewer
Comprehensive design system audit — reviews CSS/token structure, dark mode implementation, icon system, access
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
Related Skills
Extract Design Tokens
Extract design tokens - colors, type, spacing, shadows - from a URL, screenshot, or CSS into CSS variables and
Prznt Deck
Build fully editable PowerPoint decks in the Prznt Perfect design system. Turns content or a topic into a stru
Style Guide
Generate comprehensive design system documentation including colors, typography, spacing, components, and usag