Clone a working design agent, run it on your machine, and replace its parts with yours until it is your product. Pick a quickstart for your agent framework, or an app for a whole design chat or a batch resize job.
A quickstart is one Node.js script that turns a brief, a short description of the design you want, into a PNG and an editable design file. The two apps are complete products, with a web page and a server, that you can deploy.
Quickstarts#
- Quickstart: Vercel AI SDK — run the agent with the Vercel AI SDK
- Quickstart: OpenAI Agents SDK — run the agent with OpenAI’s Agents SDK for TypeScript
- Quickstart: LangChain.js — run the agent as a LangChain.js agent
- Quickstart: Mastra — run the agent as a Mastra agent
- Quickstart: pi — run the agent with pi, a small agent library
- Quickstart: Claude Agent SDK — run the agent with Anthropic’s Claude Agent SDK, on your own Anthropic key
Complete Apps#
- Agentic Design Manager — a design chat with your users’ designs, files, and editor
- Agentic Resize — one design, re-composed by an agent for every canvas size