Tag · 17 guides
Cursor
Every guide tagged cursor, sorted by most recent.
Set Up Your AI Design Workspace in 20 Minutes
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.
AI Anti-Patterns Gallery: 10 Reasons Your AI Website Looks Generic
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.
Motion Decision Tree: When to Animate, What to Animate, What to Leave Still
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.
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.
CL Claude Code: App vs Extension vs Terminal (Which One to Use When)
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.
AU Audit a Design System in 30 Minutes
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.
PR Prompting Basics for Designers
Write better prompts for AI tools. Practical patterns for design work: component generation, token audits, documentation, and more.
UN Understand MCP in 10 Minutes (and Why It Changes Your AI Setup)
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.
CO Connect Your Figma Designs to Claude and Cursor
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.
Build Free Design System Docs with Astro Starlight
Mintlify is $120 a month. Supernova is enterprise pricing. Astro Starlight is free, fast, and good enough for most design system teams. Here is the full setup, the styling, the Figma embeds, and the AI-assisted automation.
Context Is the Product: The Hidden Skill Behind Every Reliable AI Agent
Good prompts produce good output once. Good context produces good output forever. A practical guide to structuring your projects so Claude Code, Codex, Cursor, or another AI assistant reads, understands, and acts consistently.
Generate Component Documentation with AI
Use Claude Code, Codex, Cursor, or another repo-aware AI tool to scan your component library and generate specs, props tables, and usage guidelines in minutes.
Run a Token Naming Audit with AI
Use Claude Code, Codex, Cursor, or another repo-aware AI tool to scan your token files, flag naming inconsistencies, and generate a clean naming convention in minutes.
ST Stop Being Afraid of the Terminal
A designer-friendly walkthrough of the black screen, the commands you actually need, and why the most powerful AI tools live here.
Run Your First AI-Powered Edit in Cursor
Install Cursor, open your first project, and make a real change with AI in under 10 minutes. No coding background required.
FI Figma to Code with MCP
End-to-end workflow for converting Figma designs to production code using MCP servers. From design to implementation in minutes, not hours.
SE Set Up Figma MCP for Design-to-Code
Complete guide to configuring the Figma MCP server with Cursor and Claude Desktop. Connect your designs directly to your AI coding tools.