Templates

Downloadable templates, checklists, and starter kits.

26 resources

PRO

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.

intermediate·30 minSign up to read
PRO

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.

intermediate·20 minSign up to read
PRO

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.

beginner·5 minSign up to read
PRO

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.

intermediate·10 minSign up to read
PRO

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.

intermediate·30 minSign up to read

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.

beginner·10 minSign up to read

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.

beginner·5 minSign up to read
PRO

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.

intermediate·20 minSign up to read
PRO

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.

intermediate·15 minSign up to read

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.

beginner·15 minSign up to read
PRO

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.

intermediate·30 minSign up to read
PRO

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.

intermediate·5 minSign up to read
PRO

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.

intermediate·15 minSign up to read

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.

beginner·15 minSign up to read
PRO

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.

beginner·10 minSign up to read
PRO

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.

intermediate·30 minSign up to read

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.

beginner·5 minSign up to read

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.

beginner·10 minSign up to read
PRO

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.

intermediate·20 minSign up to read

Design-to-Code Review Checklist

What to check when AI generates code from your designs. Covers tokens, accessibility, responsiveness, and common AI mistakes.

beginner·5 minSign up to read
PRO

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.

advanced·20 minSign up to read
PRO

MCP Setup Config Pack

Pre-configured .mcp.json files for connecting Claude Code to Figma, GitHub, and Playwright. Copy, paste your tokens, and connect.

intermediate·15 minSign up to read
PRO

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.

intermediate·30 minSign up to read

Design Token Audit Checklist

A comprehensive checklist for auditing your design token system. Covers naming, structure, accessibility, and documentation.

beginner·5 minSign up to read

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.

beginner·2 minSign up to read
PRO

Token Schema JSON

A JSON schema that tells AI tools what makes a valid design token. Prevents invented names, wrong formats, and duplicate tokens.

intermediate·15 minSign up to read