Tag · 17 guides
AI
Every guide tagged ai, sorted by most recent.
Building the Agentic Operating Model (Part 5)
Part 5 and the capstone of the Agentic Design Systems series. Tools and loops are not an operating model. This is how the people, the process, and the governance fit together so a team of humans and a fleet of agents can run a design system sustainably, without the whole thing depending on the one person who understands the agents.
Safe AI for Designers: The Five Rules to Start With
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 Self-Healing Flywheel (Part 4)
Part 4 of the Agentic Design Systems series. When an agent has earned the right to fix things, the detect-propose-verify-merge-learn loop lets your design system repair its own drift while you sleep. Here is the loop, the four guardrails that keep it safe, and the moment you should switch it off.
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.
Observer Mode: Learning Before Acting (Part 3)
Part 3 of the Agentic Design Systems series. Observer is the longest, cheapest, most-skipped trust level. Run an agent read-only against your real system for weeks before you give it any authority, and let the audit decide whether it should ever be promoted at all.
Trust Levels: How Agents Earn Autonomy (Part 2)
Part 2 of the Agentic Design Systems series. The five trust levels (Observer, Advisor, Junior, Senior, Autonomous), what each one is allowed to do, and the exact criteria to promote an agent from one level to the next.
AIAI for Designers 101
What AI tools are, how they differ, which ones matter for designers, and a practical first-week plan for getting started without the hype.
CLClaude 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.
THThe Design Style Phrasebook
20 style directions with exact phrase blocks you can copy into Claude, Nano Banana, Kling, or any AI tool. Stop saying 'make it premium' and start giving real direction.
WHWhat Is an Agentic Design System? (Part 1)
Part 1 of the Agentic Design Systems series, based on Romina's IDS 2026 talk. A design system built for AI agents, not just humans. Stops hallucination before it ships.
Set Up Claude Code (Step by Step for Designers)
Install Claude Code, open it in a folder, and run your first AI tasks. No coding background, no terminal experience needed. Just follow along.
Build Your Design Team's Operating System in a Repo
Your team's operating knowledge (how you name tokens, review work, and decide what good is) lives in people's heads. Put it in a repo of skills and playbooks and your least AI-fluent teammate works like your best one, while agents execute against the same source. This guide builds it, with the maturity ladder and review model that keep it honest.
Five Patterns for Agentic UI
An agent inside your product creates states you do not control: variable steps, variable output, and actions with real consequences taken on a user's behalf. Five patterns keep that surface trustworthy: deterministic confirmation gates, reasoning states, canonicals, intent-first navigation, and recovery.
Your Tokens Are a Prompt: Semantic Naming for AI UI Builders
When an AI builds your interface, the token name is the instruction. Why visual names like color.blue.500 make models guess, and how intent-based names make generation predictable.
How to Use GitHub Actions With AI
AI is good at generation. GitHub Actions are good at repeatable execution. Pair them and you get the reliability layer most AI-assisted design workflows are missing.
Build a Design System Pitch Deck with AI
Use Claude to generate a compelling pitch deck that gets leadership buy-in for your design system investment.
Create a One-Page Design System Strategy
Use AI to distill your design system vision, principles, priorities, and success metrics onto a single page that aligns your entire team.