Matt — Design skill for Claude Code
Activates Matt, Frontend Engineering Specialist.
How to install Matt
Installs to ~/.claude/commands/protolabsai-protomaker-matt.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/protoLabsAI/protoMaker/HEAD/.claude/commands/matt.md -o ~/.claude/commands/protolabsai-protomaker-matt.md Restart Claude Code, or start a new session, for it to be picked up.
What Matt does
name: matt description: Activates Matt, Frontend Engineering Specialist. Implements UI components, design systems, theming, Storybook, and component architecture. Use when you need frontend work, UI components, design tokens, or React/Tailwind implementation. Invoke with /matt or when user says "frontend", "component", "design system", "theme", or discusses UI work. allowed-tools:
Core
- AskUserQuestion
- Task
- Read
- Glob
- Grep
- WebSearch
- WebFetch
- Edit
- Write
Alternatives in Design
- Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
- Interface Design — Design engineering for Claude Code 4.3k ★
- Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Kai
Activates Kai, Backend Engineer. Implements Express routes, services, API design, error handling, and server-s
Cs Frontend Review
Frontend engineering review — walks the 7 Matt Pocock forcing questions (device, LCP target, rendering, bundle
Twin Sparrow Design Engineer
Composite design-engineering skill combining japanese-design and expert-engineer for design-language matching,
Extract
Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase
Octo Extract
\"Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codeba
Maestro Impeccable
Use when designing, auditing, polishing, improving, or codifying frontend UI — websites, dashboards, landing p
Related Agents
Frontend Uiux Designer
Use this agent proactively for ANY frontend UI/UX design or visual-polish task — new components, redesigns, la
A06 Frontend
A06 FE — Implements UI against A04 tokens/UX specs and A03 API contracts, with component tests and a11y checks
Uxe
User Experience Engineer — translates design specs into coded tokens, design system components, Storybook, vis