https://agentappbuilder.com/blog/ Guides on prototyping app screens with coding agents. en https://agentappbuilder.com/blog/change-requests-for-ai-coding-agents/ https://agentappbuilder.com/blog/change-requests-for-ai-coding-agents/ Write a change request for an AI coding agent that it gets right the first time: point at one place, state the scope, define done. Templates included. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/claude-code-auto-mode-blocked-actions/ https://agentappbuilder.com/blog/claude-code-auto-mode-blocked-actions/ Why Claude Code auto mode blocked an action, what the classifier reads, and three fixes: a precise message, a trusted host, or a retry in /permissions. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/claude-code-mcp-server-setup/ https://agentappbuilder.com/blog/claude-code-mcp-server-setup/ Add a Claude Code MCP server step by step: the claude mcp add command, local, project or user scope, passing a key safely, checking status, removing it. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/claude-code-prompts-for-ui/ https://agentappbuilder.com/blog/claude-code-prompts-for-ui/ Claude Code prompts for UI work: the five parts of a good request, prompts to copy, and how to get every screen state before the code changes. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/compare-design-variants-before-coding/ https://agentappbuilder.com/blog/compare-design-variants-before-coding/ A method for design variants before code: how many to make, what should differ, how to judge them side by side, and a prompt for your coding agent. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/demo-data-for-screenshots/ https://agentappbuilder.com/blog/demo-data-for-screenshots/ A privacy checklist for demo data for screenshots: what leaks into app captures, how to seed safe fake data, and what to check before an image is shared. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/design-handoff-for-ai-coding-agents/ https://agentappbuilder.com/blog/design-handoff-for-ai-coding-agents/ What a design handoff for AI agents should contain: every screen state, tokens, real content, behavior and a definition of done, with a template to paste. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/design-tokens-for-ai-agents/ https://agentappbuilder.com/blog/design-tokens-for-ai-agents/ Set up design tokens as CSS variables that an AI coding agent follows: two layers, clear names, themes, a repository rule and a check for raw values. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/document-legacy-app-screens/ https://agentappbuilder.com/blog/document-legacy-app-screens/ Document app screens of a legacy product before you redesign it: an inventory of screens and states, captures, flow maps and the rules the code enforces. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/edit-prototype-visually-then-code-it/ https://agentappbuilder.com/blog/edit-prototype-visually-then-code-it/ Visual prototype editing with a coding agent: which changes to make by hand, how to record them as data, and how the agent maps them to your code. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/figma-auto-layout-to-css-flexbox/ https://agentappbuilder.com/blog/figma-auto-layout-to-css-flexbox/ Map Figma auto layout to flexbox: direction, gap, padding, alignment, Hug, Fill and Fixed, with a full table, a worked card example and common pitfalls. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/from-prototype-to-production-with-an-agent/ https://agentappbuilder.com/blog/from-prototype-to-production-with-an-agent/ Implement a prototype with an AI agent: settle the chosen version, plan against your codebase, build state by state, verify against the prototype, ship. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/html-prototype-vs-figma/ https://agentappbuilder.com/blog/html-prototype-vs-figma/ HTML prototype vs Figma for teams where developers and coding agents build the UI: strengths, limits, a comparison table and a way to decide per project. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/in-app-tutorial-design/ https://agentappbuilder.com/blog/in-app-tutorial-design/ In-app tutorial design, step by step: choose the right pattern, teach by doing, draw every state of every step, and let users skip and come back. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/keep-prototype-and-code-in-sync/ https://agentappbuilder.com/blog/keep-prototype-and-code-in-sync/ Keep the prototype and code in sync: one source of truth per moment, chosen and shipped versions for each screen state, and captures of the running app. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/llms-txt-for-coding-agents/ https://agentappbuilder.com/blog/llms-txt-for-coding-agents/ How to write an llms.txt that coding agents such as Claude Code follow: the sections, exact commands, rules, consent steps, and a template to start from. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/product-managers-and-ai-agents/ https://agentappbuilder.com/blog/product-managers-and-ai-agents/ An AI agent product manager workflow: how a PM reviews screens, picks variants and approves changes on one prototype while a developer's agent codes. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/prompt-injection-in-agent-tools/ https://agentappbuilder.com/blog/prompt-injection-in-agent-tools/ How prompt injection reaches AI agent tools through files, pages and tool results, and the design rules that limit the damage when an agent is fooled. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/prototype-app-screens-with-claude-code/ https://agentappbuilder.com/blog/prototype-app-screens-with-claude-code/ Prototype app screens with Claude Code before it edits your code: list the states, get one HTML frame per state, review versions, then apply your pick. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/prototype-mobile-app-with-claude-code/ https://agentappbuilder.com/blog/prototype-mobile-app-with-claude-code/ How to prototype a mobile app with AI: phone-sized HTML frames for every screen state, linked by taps and reviewed before Claude Code writes native code. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/prototype-onboarding-flow-with-ai/ https://agentappbuilder.com/blog/prototype-onboarding-flow-with-ai/ A step by step way to prototype an onboarding flow with an AI coding agent: define activation, map steps and states, write the prompt, review, iterate. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/review-ui-changes-from-ai-agents/ https://agentappbuilder.com/blog/review-ui-changes-from-ai-agents/ A two-pass method to review AI generated UI changes: check every affected screen state first, then read the diff for scope, reuse and regressions. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/sandbox-untrusted-html-in-iframes/ https://agentappbuilder.com/blog/sandbox-untrusted-html-in-iframes/ Render untrusted HTML safely with an iframe sandbox and a Content Security Policy: which tokens to allow, the pair to avoid, and a setup you can copy. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/scoped-api-keys-for-ai-agents/ https://agentappbuilder.com/blog/scoped-api-keys-for-ai-agents/ API keys for AI agents, done safely: scope each key to one resource, store only a hash, keep it out of the chat and the repo, and revoke it in one step. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/screenshot-every-page-with-playwright/ https://agentappbuilder.com/blog/screenshot-every-page-with-playwright/ How to screenshot every page with Playwright: list routes and states, sign in once, wait for the right element, and save one stable image per state. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/ship-app-changes-with-an-ai-agent/ https://agentappbuilder.com/blog/ship-app-changes-with-an-ai-agent/ Ship app changes with an AI agent without losing control: decide before code, build on a branch with checks, and gate push, merge and deploy yourself. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/ui-states-checklist/ https://agentappbuilder.com/blog/ui-states-checklist/ A UI states checklist for every screen: empty, loading, partial, error, success and edge cases, with examples and a prompt to draft each state. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/user-flow-diagram-every-screen-state/ https://agentappbuilder.com/blog/user-flow-diagram-every-screen-state/ How to draw a user flow diagram where each node is a screen state (empty, loading, error, success) and each arrow names the action behind it. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/version-history-for-prototypes/ https://agentappbuilder.com/blog/version-history-for-prototypes/ Why prototype version history beats editing in place: what each version should record, active vs implemented, change notes, and rolling back safely. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/vibe-coding-review-loop/ https://agentappbuilder.com/blog/vibe-coding-review-loop/ A vibe coding workflow that stays under control: plan first, review screens before code, apply small batches, check the diff and keep every version. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/visual-review-vs-visual-regression/ https://agentappbuilder.com/blog/visual-review-vs-visual-regression/ Visual regression testing catches the UI changes you did not intend; visual review judges the ones you did. How each works, and one loop that uses both. Wed, 30 Sep 2026 00:00:00 GMT https://agentappbuilder.com/blog/wireframe-mockup-prototype-ai/ https://agentappbuilder.com/blog/wireframe-mockup-prototype-ai/ Wireframe vs mockup vs prototype: what each fidelity level answers, what it costs, and how AI coding agents change which one you start with. Wed, 30 Sep 2026 00:00:00 GMT