Templates
Downloadable templates, checklists, and starter kits.
26 resources
Agentic Design System Defaults
The 9 templates I install on every agentic design system. One zip, the whole installable baseline. CLAUDE.md, governance, MCP, token schema, component intent map, and four audit skills.
Agentic Design System Starter Kit
A complete folder structure for making your design system machine-readable. Drop into any project and Claude Code immediately understands your tokens, components, and conventions.
Anti-Pattern Check Skill (SKILL.md)
Paste-ready Claude Code skill that audits any generation against the 10 most common AI design anti-patterns: luxury clichés, gradient overload, fake depth, random 3D heroes, motion spam, and more.
CLAUDE.md for Design Systems
A starter CLAUDE.md file optimized for design system projects. Teaches AI your token conventions, component inventory, and design rules from the first prompt.
Design System CLAUDE.md + Rules Kit
Complete starter kit: root CLAUDE.md, path-scoped rules for tokens and components, and the .design-system folder structure. Everything Claude Code needs to work with your design system.
Codex AGENTS.md Starter
A starter AGENTS.md file for designers who want Codex to understand project scope, design-system rules, safe commands, and review expectations before it edits anything.
Codex Subagent Review Panel
A copy-ready parent prompt for running accessibility, first-user, copy, edge-state, and design-system review lanes in parallel with Codex subagents.
Codex First-Run Prompt
A safe read-only prompt for your first Codex session in a new repo, designed to make the agent orient itself before it edits files.
Codex UI Quality Review Skill
A reusable Codex skill brief for reviewing generated UI, local pages, or screenshots across hierarchy, layout, typography, interaction states, and design-system fit.
Design System Health Scorecard
A scoring framework to measure your design system's health across 6 dimensions. Use it for quarterly reviews, stakeholder updates, or before starting an AI integration.
Knowledge Graph Starter Kit
Three JSON files that make your design system machine-readable: token schema, knowledge graph, and component intent map. The foundation for AI-powered design work.
Motion Audit Skill (SKILL.md)
Paste-ready Claude Code skill that audits every animation against the 5-level motion framework. Catches parallax, bounce, scale-on-hover, and other defaults that make AI sites feel generic.
Multi-lens Review Pack (4 Skills)
Four paste-ready SKILL.md files for parallel design review: accessibility, first-time user, copy, and edge states. Install all four, invoke them in parallel, get a deep multi-lens review of any screen in under 3 minutes.
Project Context Checklist (CLAUDE.md Starter)
A fill-in-the-blanks CLAUDE.md starter for design projects. Covers non-negotiables, anti-patterns, vocabulary, and file conventions in under 60 lines. Drop it at the root of any project to give Claude Code the context it needs to work without re-explaining.
Taste Audit Scorecard (Printable)
A one-page scorecard for reviewing any AI-generated design. Seven dimensions, 0–10 rating per dimension, and a list of the 10 AI anti-patterns to check against. Use it alongside or instead of an AI audit.
Taste Skill Starter (SKILL.md)
Fill-in-the-blanks SKILL.md template for encoding your personal design taste. Pairs with the Build Your Own Taste Skill workshop. Drops into ~/.claude/skills/taste/ and becomes your /taste slash command.
UX Review Agent Starter (SKILL.md)
The paste-ready SKILL.md for a first UX review agent. Covers 6 heuristic lenses, returns the top 5 ranked fixes, and installs in 30 seconds. Pairs with the Your First UX Review Agent guide.
AI-Ready Component Description Template
A template for writing component descriptions that AI tools can parse and act on. The format behind writing 554 descriptions in one session.
Component Intent Map
A JSON template with when/where/why logic for 20 common design system components. Makes AI pick the right component for the right context.
Design-to-Code Review Checklist
What to check when AI generates code from your designs. Covers tokens, accessibility, responsiveness, and common AI mistakes.
Governance Rules Template
Define what AI can auto-fix, what needs human review, and what's off-limits. Trust levels, approval rules, and escalation paths for design system automation.
MCP Setup Config Pack
Pre-configured .mcp.json files for connecting Claude Code to Figma, GitHub, and Playwright. Copy, paste your tokens, and connect.
Sprint Audit Prompt Pack
5 ready-to-use prompts for a complete design system audit: naming, tokens, accessibility, component health, and drift detection. Run them every sprint.
Design Token Audit Checklist
A comprehensive checklist for auditing your design token system. Covers naming, structure, accessibility, and documentation.
Token Naming Convention Reference Card
A printable one-page reference comparing 7 design token naming conventions side by side. Pin it next to your monitor.
Token Schema JSON
A JSON schema that tells AI tools what makes a valid design token. Prevents invented names, wrong formats, and duplicate tokens.