Claude Code

Fable 5 reads screenshots better, runs longer, and dispatches parallel agents on its own. Here is what that means for design reviews, audits, and your existing skills, and the three settings to change on day one.

Set up Claude so your work lives in two places at once: locally on your machine and in the cloud. Pick up the same project from your phone, a borrowed laptop, or a fresh install, with nothing lost.

Why design work burns through Claude usage faster than coding does, and a practical playbook to make a Pro or Max plan last all day without hitting the wall.

A ready-to-paste Claude Code skill that reviews and rewrites the interface copy in any generation: buttons, errors, empty states, and labels, all checked against real UX writing rules instead of the model's default marketing voice.

The full workshop for the /motion-audit skill: a ready-to-paste Claude Code skill that classifies every animation by the five-level motion system, strips the default scroll-fades and hover-bounces, and enforces a deliberate ceiling with sane durations and reduced-motion support.

How to use AI without leaking keys, breaking production, or sharing the wrong things. Plain English. Five rules every designer should set up before their first prompt.

The plain-language Day 0 guide: which accounts to create, which tools to install first, and how to run one sanity check before you go deeper.

The Power User module. Ten lessons that take you from basic Claude Code use to a fully orchestrated design-system workflow: CLAUDE.md, workspace organization, skills, parallelization, auto research, browser automation, security, context management, cloud sessions, and diversification.

The single highest-leverage file in your repo. Compress your design system into a CLAUDE.md so Claude Code stops hallucinating tokens, inventing components, and forgetting your conventions every session. Includes a fill-in template and a before/after that you can run yourself.

A visual gallery of the 10 most common AI-generated design clichés, why they happen, and the specific rule you can add to your project rules to prevent each one.

A hands-on workshop to convert your personal design taste into a /taste-skill command. By the end, Claude will generate UI that looks like yours, not like everyone else's.

The biggest change in design work is not the tools. It is the role. This essay maps the shift from designer-as-executor to designer-as-orchestrator, with a concrete picture of what each half of your week should look like now.

A decision framework for choosing the lightest possible motion that still does the job, instead of defaulting to animate everything. Includes paste-ready project rules for each motion level.

Why the next generation of design systems will be measured in skills, not components. A strategic essay on the shift from visual tokens to promptable taste.

PRO

Why AI-generated websites look the same, and how to fix it with a three-layer system that teaches your AI tool your visual standards, motion language, and copy tone.

Build a working UX review agent in 30 minutes. Point it at any screen, get back a prioritized list of first-time user issues, accessibility problems, and copy fixes. The concrete 'aha' moment of Claude Code for designers.

PRO

Claude Code comes in three flavors: a web/desktop app, a VS Code or Cursor extension, and a terminal CLI. Each one is designed for a different moment in your day. Here is which to pick.

PRO

Build reusable slash commands that teach Claude Code your workflows, writing voice, and design system rules. No coding required.

Install Claude Code, open it in a folder, and run your first AI tasks. No coding background, no terminal experience needed. Just follow along.

PRO

A step-by-step workflow to audit any design system using AI tools. Check token naming, component health, accessibility, and visual consistency in one session.

PRO

Skills teach Claude how to do design work. Cowork runs Claude on more work at once. Here's when to reach for each, with five copy-paste skills designers actually use.

PRO

Write better prompts for AI tools. Practical patterns for design work: component generation, token audits, documentation, and more.

The one protocol that lets AI read your Figma, GitHub, and docs directly. A plain-English explainer for designers, with examples of what it unlocks in real work.

Stop copy-pasting screenshots into AI. Set up Figma Dev Mode MCP so Claude and Cursor can read your designs directly, then ship code that actually matches your file.