Guide library

AI design prompt guides

Practical notes for turning visual direction into prompts, design.md files, agent design systems and QA loops that coding agents can use.

Better prompts start with better judgement.

These guides focus on specificity, constraints, workflow and design review, not magic wording.

Read the primer

All guides

High-intent notes for agentic design work.

AI design promptsA practical guide to AI design prompts for websites, landing pages, brand kits and product visuals, including examples and common mistakes.design.md templateA guide to using a design.md file to give AI coding agents persistent visual direction, layout rules, palette, typography and QA checks.Agent design systemA practical guide to agent design systems, including visual rules, design tokens, components, prompt constraints and QA loops.Website design promptsA practical guide to website design prompts for AI agents, including structure, visual direction, responsive rules and QA checks.Brand kit promptsA guide to brand kit prompts for AI tools, including positioning, palette, typography, logo direction, visual motifs and tone of voice.Logo promptsA practical guide to logo design prompts for AI, including symbol direction, wordmark constraints, negative prompts and quality checks.AI design MCPA practical guide to AI design MCP workflows, including image generation, Figma, screenshots, browser QA and asset pipelines for design agents.Design QA for AI agentsA guide to design QA for AI agents, including hierarchy, spacing, typography, responsive polish, accessibility and screenshot review prompts.Image generation prompts for websitesA practical guide to image generation prompts for website assets, including hero images, product mockups, brand visuals and QA checks.AI website redesign promptA practical AI website redesign prompt for improving layout, hierarchy, typography, responsiveness and conversion without losing the brand.