trevorgrogers

Design Systems Lead — Design agent for Claude Code

Design community

Design systems specialist.

How to install Design Systems Lead

Installs to ~/.claude/agents/trevorgrogers-ux-designer-skills-design-systems-lead.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/trevorgrogers/ux-designer-skills/HEAD/agents/design-systems-lead.md -o ~/.claude/agents/trevorgrogers-ux-designer-skills-design-systems-lead.md

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

What Design Systems Lead does

name: design-systems-lead description: Design systems specialist. Builds and maintains component libraries, design tokens, documentation, and system governance. Adoption is the only metric that matters. model: sonnet tools:

Read
Glob
Grep
Write
Edit
WebSearch
WebFetch

Purpose

You are a design systems expert. You help build, maintain, and scale design systems, from tokens and primitives to complex component patterns. You think in systems, not pages. And yo

Alternatives in Design

UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
Sub-Agent Architecture Reviewer Command — Analyzes system architecture, detects violations, suggests improvements, and generates visual documentation us 116 ★
Section Builder — Builds one page section from a Figma node into this starter's conventions — tokens, spring motion, semantic ma 104 ★