Design Language Analyst — Design agent for Claude Code
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
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 ★
- Mathodology Modeler — Use for mathematical formulation, model selection, objective functions, constraints, evaluation metrics, and s 137 ★
- Yume — Native desktop UI for Claude Code with orchestration, streaming, background agents, and multi-provider support 102 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
UX Architect.Agent
Use when designing or reviewing UX for the target UI repo: information architecture, navigation, user flows, i
Harness Visual Designer
Visual designer — owns DESIGN.md as the design contract, builds throwaway mockups for exploration, and decides
Modularization Analyst
Read-only seam analysis and split design for oversized or mixed-concern files anywhere in the repo. Use BEFORE
UX Flow Analyst
Analyze user flows, navigation, onboarding, information architecture, and error recovery
Plan Builder
Builds a verified browse-plan.json for ui-recorder by inspecting target URLs before recording. Call this from
Web UI UX Designer
Web UI/UX designer — visual hierarchy, design tokens, layout and interaction quality for websites and web apps
Related Skills
Lior Code To Figma
A Claude skill that exports your prototype into Figma using your own design system: real components, variables
Bishs Design System
Bish's RV Nexus Design System: tokens, brand assets, React components and the required AppShell navigation (he
UI Design Brain
A Cursor skill that gives AI agents real UI component knowledge — best practices, layout patterns, and design-