Design Agent
Amplitude built Design Agent, an internal web tool that anyone in the company reaches behind Google OAuth to turn a text prompt, a screenshot, or a rough product idea into on-brand HTML output. Amplitude's brand guidelines and design-system tokens sit in the agent system prompt, so the output reads as the company's own. The tool began as a proof of concept for product and engineering teams and has expanded to other designers, marketers, and creative teams.
- Company
- Amplitude
- Approach type
- Agent
- Work
- Design
- Human involvement
- Drafts reviewed
- Invocation
- Interactive
- Interfaces
- Web
- Deployment stage
- Deployed
- Evidence strength
- Limited primary
- Entry reviewed
How it works
Prompt or screenshot in the internal web app, through managed-agent generation and R2 storage, to an artifact a person shares or carries forward.
The interface offers a text input, an option to upload a screenshot or reference image, and a panel that displays the generated artifact.[Source 1]
Claude Managed Agents reasons about the prompt, runs a multi-step plan, handles tool-call follow-ups, and assembles the final artifact.[Source 1]
Every generated artifact lands in Cloudflare R2 with a stable, permanent URL, and users keep a visible generation history.[Source 1]
People share the output links in Slack threads, return to generate follow-ups on previous outputs, or copy the generated HTML into a coding agent.[Source 1]
Where people stay involved
People review, approve, or guide the agent’s work here.
Reported: A person writes every request and then judges the artifact, sharing the link, re-prompting, or pasting the HTML into a coding agent; the post documents no separate approval gate.
Supervision level
Work-product review
A person reviews the draft or implementation.
Level 3 of 5
- prompt or screenshot → generated HTML artifact a person judges, shares, or carries forward[Source 1]
Implementation details
- Model
- Claude, through Claude Managed Agents; no model version is named.[Source 1]
- Harness
- Claude Managed Agents supplies reasoning, tool use, and multi-step generation; Amplitude wrote no state machine, prompt chain, or tool-calling logic. A thin wrapper of Cloudflare Workers serves the web interface and the agent interaction endpoint.[Source 1]
- Sandbox
- Not reportedThe post names Claude Managed Agents as the runtime but no execution isolation boundary.
- Tool access
- Amplitude states that it defined the agent's tools and context but does not name them. Generated artifacts are written to Cloudflare R2, each with a permanent URL.[Source 1]
- Knowledge
- A structured Markdown document in the Google design.md format holds Amplitude's brand guidelines, color system, typography rules, spacing conventions, and component patterns.[Source 1]
- Context management
- The brand and design-system document is baked into the agent system prompt, so it is present in every conversation; behavior changes ship by editing that prompt and take effect in minutes.[Source 1]
- Credentials
- Not reportedGoogle OAuth gates human access to the web app; how the agent itself authenticates to Claude Managed Agents, Workers, or R2 is not documented.
- Interfaces
- web
Mechanisms
A text prompt, a screenshot, or a rough product idea becomes interactive HTML styled to the Amplitude design system.[Source 1]
Amplitude's design philosophy and design-system tokens are written into the system prompt, which Amplitude reports turned generic model output into output that reads as its own.[Source 1]
Validation and failure handling
Amplitude tracks every session, output, and tool call with its own analytics, reviews sessions to find failure patterns, and creates eval examples from the worst outputs as regression tests before updating skills files, prompts, and agent configuration.[Source 1]
Reported observations
These results come from the sources. Notes below each result explain what it covers and any reported limits.
Over 2,219 session snapshots in Design Agent's first few weeks, with repeat usage across multiple teams (self-reported)[Source 1]
- Reported by
- Amplitude
- Scope
- Design Agent session snapshots across Amplitude teams in the first few weeks of use, as reported in the May 2026 post
- Denominator
- None reported; the post gives no user, team, or session total to divide by
- Method
- Amplitude product analytics instrumented on Design Agent, which the post says tracks every session, output, and tool call
Observed in May 2026
About this result
- Category
- Adoption output
- Evidence type
- Reported measurement
- What it covers
- Design Agent session snapshots across Amplitude teams in the first few weeks of use
Amplitude reports roughly 2-4x more viewers than makers for generated artifacts, which it reads as a signal that outputs are shared beyond the people who generate them[Source 1]
- Reported by
- Amplitude
- Scope
- Viewers of generated Design Agent artifacts compared with the people who generated them
- Denominator
- None reported
- Method
- Not stated; the post reports the ratio without a counting rule
Observed in May 2026
About this result
- Category
- Adoption output
- Evidence type
- Estimate
- What it covers
- Ratio of viewers of generated artifacts to the people who generated them
Amplitude reports a working Design Agent for its product and engineering teams two days after starting, on Claude Managed Agents and Cloudflare[Source 1]
- Reported by
- Amplitude
- Scope
- Elapsed time from starting the build to a working Design Agent for Amplitude product and engineering teams
- Denominator
- Not applicable
- Method
- Not stated; the author reports the duration without a record of hours or a defined start
Observed in May 2026
About this result
- Category
- Implementation scale
- Evidence type
- Qualitative
- What it covers
- Elapsed build time to a working Design Agent for product and engineering teams
Lessons
Amplitude wrote its brand guidelines and design-system tokens into the agent system prompt and reports that the difference from generic model output was drastic; this is its own result for one internal design tool, not a measured comparison.[Source 1]
Amplitude instruments Design Agent with its own product analytics, reviews sessions to find failure patterns, and turns the worst outputs into eval examples that act as regression tests.[Source 1]
Amplitude reports that managed agent orchestration and serverless hosting left it with no servers, monitoring, autoscaling, or database to run, which suits an internal tool maintained by one person.[Source 1]
Reported opinion: Will Newton concludes that agents are products needing repeated iteration with real users, and advises keeping the stack simple and not skipping instrumentation; this is his stated view from building this one internal tool.[Source 1]