Templates

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.

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.

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.

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.

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.

A starter CLAUDE.md file optimized for design system projects. Teaches AI your token conventions, component inventory, and design rules from the first 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.

A copy-ready parent prompt for running accessibility, first-user, copy, edge-state, and design-system review lanes in parallel with Codex subagents.

A reusable Codex skill brief for reviewing generated UI, local pages, or screenshots across hierarchy, layout, typography, interaction states, and design-system fit.

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.

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.

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.

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.

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.

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.

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.

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.