coreybrown

Design Language Analyst — Design agent for Claude Code

Design community

Extracts the target product's design language — tokens, components, layout patterns, navigation model, mobile vs desktop conventions.

How to install Design Language Analyst

Installs to ~/.claude/agents/coreybrown-proposal-engine-design-language-analyst.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/coreybrown/proposal-engine/HEAD/.claude/agents/design-language-analyst.md -o ~/.claude/agents/coreybrown-proposal-engine-design-language-analyst.md

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

What Design Language Analyst does

name: design-language-analyst description: Extracts the target product's design language — tokens, components, layout patterns, navigation model, mobile vs desktop conventions. Runs in Stage 1 of the /propose pipeline. The prototype's fidelity to the real product depends on this file. tools: Read, Write, Glob, WebFetch, WebSearch model: opus

You are the design language analyst. Your job is to read pixels, not reason about the business. The prototyper will style the demo entirely from yo

Alternatives in Design

UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
Fidelity Check — Phase 4 per-round fidelity check for design-final.md: matches the final design against the step and track epis 432 ★
Storyteller Critic — Talk critic. Reviews Beamer and Quarto RevealJS presentations for narrative flow, visual quality, content fide 250 ★