AI Design Field Guide — AI skill for Claude Code
46 ways to work with AI design tools — Claude Design, Figma Make, Stitch, Canva, or anything.
How to install AI Design Field Guide
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open Owl-Listener/ai-design-field-guide and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What AI Design Field Guide does
46 ways to work with AI design tools — Claude Design, Figma Make, Stitch, Canva, or anything. The thinking applies regardless of which tool you have open.
Alternatives in AI
- Multica — Make humans and AI agents work as one team — open-source and self-hostable 47.8k ★
- Open Pencil — AI-native design editor 8k ★
- Agent Teams AI — You're the boss, agents are your team 2k ★
README
AI Design Field Guide
**46 ways to work with AI design tools. Works with Claude Design, Figma Make, Stitch, Canva, or whatever you're using.**
The canvas was never the design. Charles and Ray Eames knew this in 1949. Design is a plan for arranging elements to accomplish a particular purpose — not a rendering, not a deliverable, not a beautifully crafted file.
AI design tools have made this visible in a way nothing else could. When you describe your intent and an artifact materialises, it becomes impossible to pretend the canvas was doing the thinking. The conversation was. Everything after is rendering.
This field guide is for designers who want to work with AI design tools the way a designer would — not just generate things, but think things. It is organised into five clusters that follow the arc of real design work. Use it before you open any tool. Use it while you're in it. Use it when something is going wrong and you can't name why.
**Not prompts. Not templates. Ways to work.**
Five questions in the Eames tradition
Run these before you open any design tool. Five questions. Ten minutes.
The Eames never wrote these down as a checklist — but they are drawn directly from how the Eames worked, and from their definition of design as "a plan for arranging elements to accomplish a particular purpose." The questions are ours. The philosophy is theirs.
| # | Question | Why it matters |
|---|---|---|
| 01 | What is the purpose? | Not "make a dashboard." What specific outcome does this achieve? For whom? In what moment of their day? |
| 02 | Who, exactly? | Name a real person. Not "users." The person implies the aesthetic. The aesthetic does not imply the person. |
| 03 | What are you working within? | Brand, time, technology, budget. Constraints are not obstacles. They are the shape of the solution. |
| 04 | What is the one thing? | Three seconds. One thing to understand, feel, or do. Not three. One. |
| 05 | How will you know it work |
Related Skills
Quilt
AI-native infinite-canvas design tool: describe an app, get multi-screen HTML designs on an infinite canvas, c
Opencues
Turn any text field into a two-way LLM channel: it reads what you write and fills what you ask. Flags a slip a
IrukaDark Preview
Thinking without interruption, your full-screen AI assistant Code, errors, PRs, charts, papers, tech sites. In
Field Lab
A field lab for thinking with AI
Differentiate
De-AI an existing design. Identifies tool fingerprint and applies targeted opposites.
Dresscode
Scores the design system across 20 areas with evidence, tests whether AI applies it without guessing, and turn
Related Agents
Design Extractor
Extracts precise design specifications from Paper/Figma/Stitch MCPs or local reference images; produces struct
Stitch Kit
Use this agent for anything Stitch-related: ideating designs through conversation, generating UI screens from
Poster Builder
Use to IMPLEMENT one finalized poster PLAN whose open decisions are all resolved: Canva route (copy the design