OG Image Preview (81 guides)

Enter and Exit: The First Motion to Get Right

Hover and Press: Make the Interface Answer Back

Scroll Reveal: Motion That Earns Its Place

Claude Sessions, Offline and Online: Keep Working Even If You Lose Your Laptop

Designers Hit Claude's Usage Limits Faster Than Anyone. Here's How to Fix It.

The Claude UX Copywriter Skill: Stop Shipping Lorem Ipsum and Generic Button Text

The Claude UX Motion Skill: Tame the Five Animations Every AI Site Ships By Default

CLAUDE.md + tools.md: The Two Files Every AI Project Needs

Put Claude Code Sessions Online

Codex Skills vs Plugins: What Designers Actually Need

Codex Subagents for Design Review

Set Up Codex for Designers

Browser Automation for Design QA

How I Wake Up to Fresh YouTube Transcripts in Obsidian

Extended Thinking as a Design System Debugger

Few-Shot Examples for Component Naming

How to Prompt Claude to Audit a Figma Design

Safe AI for Designers: The Five Rules to Start With

Set Up Your AI Design Workspace in 20 Minutes

Teach AI Who You Are

What to Do When AI Gives You Junk

Build Free Design System Docs with Astro Starlight

5 GitHub Actions Every Designer Should Automate

Advanced Claude Code for Designers (Module 7)

CLAUDE.md: Teaching Claude Your Design System

Automate the Boring Parts of Your Design System

How to Use GitHub Actions With AI

How to Create a GitHub Action (and Why It Matters)

Trust Levels: How Agents Earn Autonomy (Part 2)

AI for Designers 101

AI Anti-Patterns Gallery: 10 Reasons Your AI Website Looks Generic

How to Write Better AI Prompts for Landing Pages

Build Your Own Taste Skill: Turn Your Design Preferences Into Reusable AI Rules

Context Is the Product: The Hidden Skill Behind Every Reliable AI Agent

How to Build a Customer Context Folder for AI

How to Evaluate AI Output Like a Senior Designer

How to Use AI to Explore Multiple Visual Directions Fast

From Executor to Orchestrator: The Career Shift Every Designer Needs to Make

Motion Decision Tree: When to Animate, What to Animate, What to Leave Still

Parallel Review System: Run Four Reviews at Once, Ship Your Best Work Faster

Screenshot to UX Critique

Taste Skills Are the New Design Tokens

The Taste Stack: Project Rules, Local Markdown, and Skills

Your First UX Review Agent: A 30-Minute Hello World for Designers

Claude Code: App vs Extension vs Terminal (Which One to Use When)

Build a Component Audit Skill for Claude Code

Figma Make vs Lovable vs v0 vs Bolt vs Replit (AI UI Builders Compared)

How to Describe Design Styles to AI

How and Why I Use Manus as My Research Assistant

The Design Style Phrasebook

Build a Token Naming Audit Skill for Claude Code

Build a Token Parity Check Skill for Claude Code

What Is an Agentic Design System? (Part 1)

How to Create Custom Skills for Claude Code

Set Up a Design System Adoption Tracker

Build a Design System Pitch Deck with AI

Convert Figma Variables to CSS Custom Properties

Generate Component Documentation with AI

Create a One-Page Design System Strategy

Set Up a Token CI/CD Pipeline

Run a Token Naming Audit with AI

Set Up Claude Code (Step by Step for Designers)

Set Up Visual Regression Testing with Chromatic

Pull Component Data from the Figma API

Automate Design Token Publishing with GitHub Actions

Automate Component Screenshots with Playwright

Build a Token Pipeline with Style Dictionary

Sync Tokens Studio to GitHub

Share Live Prototypes with Vercel Preview Deploys

Audit a Design System in 30 Minutes

Claude Skills vs Cowork: What's the Difference?

Design Token Naming: 7 Systems Compared

Automate Browser Testing Without Writing Code

Prompting Basics for Designers

Stop Being Afraid of the Terminal

Understand MCP in 10 Minutes (and Why It Changes Your AI Setup)

Connect Your Figma Designs to Claude and Cursor

Run Your First AI-Powered Edit in Cursor

Figma to Code with MCP

Set Up Figma MCP for Design-to-Code

Audit 500 Components in 10 Minutes