Guides
Deep guides
Token pipelines, Figma MCP, Claude Code, component audits. Written from real projects, not demos.
First Agentic Design Community
Agentic AI for
Agentic AI for
designers
Weekly updated guides, prompts, and tools for designers to build, audit, and scale products.
THE CATALOG
A living library. Updated weekly.
I publish new guides every week on agentic AI for designers. Token audits, MCP setup, component documentation, and the prompts I use to ship faster.
Everything you need to build with AI
Practical guides, prompts, tool reviews, comparisons, and design-system resources. Built from real projects, not theory.
Prompts
Production prompts
Copy, paste, ship. Audits, docs, reviews, design critique. Tested across Claude, ChatGPT, and Gemini.
Tools
Honest tool reviews
Every AI design tool, tried hands-on. Skip the ones that look great in demos and fail at work.
Compare
Side-by-side compares
Real features, real pricing, real trade-offs. No affiliate links, no hedging.
Directory
Design systems directory
What Netflix, Meta, Porsche, and Volvo actually ship. Searchable, with tokens, components, and docs.
Answers
Knowledge base
Quick answers on MCP, CLIs, prompting, tokens, and team structure. Curated links and next steps.
Popular resources
Tools and kits that pair well with the guides.
Style Explorer
20 visual directions. Pick a style, copy the CLAUDE.md rules.
Tools.md Generator
Create a tools.md file for Claude, Codex, Cursor, and coding agents.
Name Design Tokens
Interactive naming tool for consistent token conventions.
The Taste Stack
Project rules, local markdown, and skills. Teach AI your visual standards.
Design Systems Directory
158 real design systems. Compare tokens, components, and docs.
Weekly newsletter
Get the weekly DSG newsletter.
One practical guide each week: prompts, Codex and Claude notes, design-system automation, and tools worth trying.
Opens Substack. Unsubscribe anytime.
How it works
A learning loop for designers who want to ship
Move from lesson to action without guessing what to do next. Each path helps you make one visible improvement, then save what worked for the next project.
[01]
Follow the path.
Start with a sequence that tells you what to learn next, from setup to real design-system work.
[02]
Check the improvement.
Use each guide to compare the before and after: cleaner docs, stronger prompts, better review output.
[03]
Copy the prompt.
Grab the exact instruction, run it in your AI tool, then adjust only the project-specific details.
[04]
Turn it into a habit.
Save what worked as a rule, skill, checklist, or team playbook so the next pass gets easier.