Tag · 12 guides
Skills
Every guide tagged skills, sorted by most recent.
The Claude UX Copywriter Skill: Stop Shipping Lorem Ipsum and Generic Button Text
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 Claude UX Motion Skill: Tame the Five Animations Every AI Site Ships By Default
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.
CO Codex Skills vs Plugins: What Designers Actually Need
Skills teach Codex how to run your workflow. Plugins connect Codex to tools and package reusable setups. Here is the practical designer version, with examples for design QA, docs, inbox triage, and design-system audits.
Advanced Claude Code for Designers (Module 7)
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.
Build Your Own Taste Skill: Turn Your Design Preferences Into Reusable AI Rules
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.
TH The Taste Stack: Project Rules, Local Markdown, and Skills
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.
Your First UX Review Agent: A 30-Minute Hello World for Designers
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.
HO How to Create Custom Skills for Claude Code
Build reusable slash commands that teach Claude Code your workflows, writing voice, and design system rules. No coding required.
Parallel Review System: Run Four Reviews at Once, Ship Your Best Work Faster
Instead of one long review with six lenses, run four short reviews, each with one lens, in parallel. Learn the multi-lens pattern that cuts design review time in half and surfaces issues a single reviewer would miss.
BU Build a Component Audit Skill for Claude Code
A Claude Code skill that audits every component in your library. Checks docs, props, accessibility, and token usage in one slash command.
BU Build a Token Naming Audit Skill for Claude Code
A reusable Claude Code skill that checks every token in your design system against your naming convention. One slash command, instant audit.
BU Build a Token Parity Check Skill for Claude Code
A Claude Code skill that compares your tokens between Figma and code. Catches drift before it ships, with one slash command.