Design preview
Generative guide art
All 93 published guides, each illustrated by a slug-seeded recipe. Same slug, same image, every build. No image files.
lattice 24cones 18arcs 11loop 9circles 8nodes 7threads 6waves 5lissajous 4spiral 1
loop
T
T5 GitHub Actions Every Designer Should Automate
cones
Advanced Claude Code for Designers (Module 7)
Agentic Design Workflows: What They Are and How to Start
arcs
AI Anti-Patterns Gallery: 10 Reasons Your AI Website Looks Generic
lissajous
AI for Designers 101
lattice
Audit 500 Components in 10 Minutes
lattice
Audit a Design System in 30 Minutes
arcs
Automate Browser Testing Without Writing Code
cones
Build Your Own Taste Skill: Turn Your Design Preferences Into Reusable AI Rules
Building the Agentic Operating Model (Part 5)
threads<>
<>Claude Code: App vs Extension vs Terminal (Which One to Use When)
cones
Claude Fable 5 for Designers: What Actually Changes
conesM
MClaude Opus 5.5 for Designers: What Changed in My Daily Work
cones
Claude Sessions, Offline and Online: Keep Working Even If You Lose Your Laptop
cones
Claude Skills vs Cowork: What's the Difference?
lattice
CLAUDE.md: Teaching Claude Your Design System
cones
Codex Skills vs Plugins: What Designers Actually Need
threads
Connect Your Figma Designs to Claude and Cursor
latticeT
TDesign Token Naming: 7 Systems Compared
cones
Designers Hit Claude's Usage Limits Faster Than Anyone. Here's How to Fix It.
lissajous
Figma Make vs Lovable vs v0 vs Bolt vs Replit (AI UI Builders Compared)
circles
From Executor to Orchestrator: The Career Shift Every Designer Needs to Make
How and Why I Use Manus as My Research Assistant
cones
How to Create Custom Skills for Claude Code
loop
How to Describe Design Styles to AI
waves
Motion Decision Tree: When to Animate, What to Animate, What to Leave Still
Observer Mode: Learning Before Acting (Part 3)
cones
Prompting Basics for Designers
cones
Safe AI for Designers: The Five Rules to Start With
nodes
Set Up Claude Code (Step by Step for Designers)
nodes
Set Up Codex for Designers
nodes
Set Up Your AI Design Workspace in 20 Minutes
latticeT
TTaste Skills Are the New Design Tokens
loop
Teach AI Who You Are
cones
The Claude UX Copywriter Skill: Stop Shipping Lorem Ipsum and Generic Button Text
waves
The Claude UX Motion Skill: Tame the Five Animations Every AI Site Ships By Default
cones
The Design Style Phrasebook
The Self-Healing Flywheel (Part 4)
cones
The Taste Stack: Project Rules, Local Markdown, and Skills
Trust Levels: How Agents Earn Autonomy (Part 2)
threads
Understand MCP in 10 Minutes (and Why It Changes Your AI Setup)
What Is an Agentic Design System? (Part 1)
arcs
What to Do When AI Gives You Junk
arcs
Your First UX Review Agent: A 30-Minute Hello World for Designers
lattice
Automate Component Screenshots with Playwright
latticeT
TAutomate Design Token Publishing with GitHub Actions
latticeT
TAutomate the Boring Parts of Your Design System
loopM
MBrowser Automation for Design QA
lattice
Build a Component Audit Skill for Claude Code
lissajous
Build a Design System Pitch Deck with AI
latticeT
TBuild a Token Naming Audit Skill for Claude Code
latticeT
TBuild a Token Parity Check Skill for Claude Code
Build a Token Pipeline with Style Dictionary
lattice
Build Free Design System Docs with Astro Starlight
lattice
Build Your Design Team's Operating System in a Repo
threadsMT
MTBuild Your Own MCP Server for Your Design System
cones
CLAUDE.md + tools.md: The Two Files Every AI Project Needs
arcs
Codex Subagents for Design Review
circles
Context Is the Product: The Hidden Skill Behind Every Reliable AI Agent
latticeT
TConvert Figma Variables to CSS Custom Properties
lissajous
Create a One-Page Design System Strategy
Enter and Exit: The First Motion to Get Right
lattice
Extended Thinking as a Design System Debugger
lattice
Few-Shot Examples for Component Naming
threads
Figma to Code with MCP
Five Patterns for Agentic UI
lattice
Generate Component Documentation with AI
Hover and Press: Make the Interface Answer Back
loopOMD
OMDHow I Wake Up to Fresh YouTube Transcripts in Obsidian
loop
How to Build a Customer Context Folder for AI
loop
How to Create a GitHub Action (and Why It Matters)
arcs
How to Evaluate AI Output Like a Senior Designer
arcs
How to Prompt Claude to Audit a Figma Design
loop
How to Use AI to Explore Multiple Visual Directions Fast
loop
How to Use GitHub Actions With AI
cones
How to Write Better AI Prompts for Landing Pages
arcs
Parallel Review System: Run Four Reviews at Once, Ship Your Best Work Faster
lattice
Pull Component Data from the Figma API
cones
Put Claude Code Sessions Online
cones
Rolling Out AI Across a Design Team
lattice
Run a Token Naming Audit with AI
nodes
Run Your First AI-Powered Edit in Cursor
arcs
Screenshot to UX Critique
Scroll Reveal: Motion That Earns Its Place
nodes
Set Up a Design System Adoption Tracker
nodesTSD
TSDSet Up a Token CI/CD Pipeline
Set Up Visual Regression Testing with Chromatic
arcs
Share Live Prototypes with Vercel Preview Deploys
threads>_
>_Stop Being Afraid of the Terminal
latticeTS
TSSync Tokens Studio to GitHub
arcs