Features
What the studio actually does.
The parts of the studio: sixteen coding agents as designers, steering that lands, a design kit the agent has to pass, fourteen templates, codebase mode and a design MCP server.
16 capabilities · each with its docs
AgentsClaude Code design toolPoint 1DesignTool at your Claude Code install and it becomes your designer — writing HTML, CSS and JS into a project folder you own, with a live preview and a design check before anything counts.Read more →AgentsYour coding agent is the designerClaude Code, Codex, Cursor Agent, Gemini, Devin and eleven more — whichever CLI you trust, 1DesignTool drives it as a designer and holds its output to the same visual bar.Read more →Design systemsImport from Claude DesignA Claude Design export lands in the studio as a first-class system — the colors, type scale and rules it carries become the kit your agent designs against.Read more →Design systemsAI design system generatorPick one of the 17 built-in directions — Swiss grid to Night console — or save your own. Either way the design kit compiles it into the rules, tokens and checks the agent designs under.Read more →TemplatesAI slide generatorThe Slides template turns a brief into a real deck — each slide a designed page in your direction, with speaker notes and exports to PDF or PNG frames.Read more →TemplatesAI UI and mockup generatorDashboards, admin panels, settings screens — the UI mockup and wireframe templates produce working HTML/CSS, not a picture of a UI you then have to rebuild.Read more →TemplatesInteractive prototypes with live previewEvery project renders on a real device stage — phone, tablet, desktop — while the agent writes it. A prototype here is running code from the first minute.Read more →TemplatesAI website design generatorThe interactive-website template builds pages that do things — scroll scenes, live data views, small tools — as plain files you can host anywhere.Read more →TemplatesAI mobile app design generatorPhone-sized screens, real components, live preview — the mobile template builds app UIs you can actually tap through, then export as files or rebuild in your stack.Read more →TemplatesAI brand kit and logo conceptsThe brand template explores a mark, a palette, a type voice — then saves it as a system so the logo, the slides and the site all draw from the same kit.Read more →TemplatesAI 3D model generator + scene editorDescribe the object or the scene and the agent builds it in three.js — primitives, materials, lights, motion — editable in the scene editor, with Blender available for the jobs procedural code can't do.Read more →SteeringA design kit the agent has to passThe gate is the difference between 'generated' and 'shipped': kit checks run on every turn, and in Reviewed or Council mode independent critics judge the frozen evidence before the result counts.Read more →SteeringVariants and blind compareAsk for variants and each option is planned as its own direction, built independently, and shown unnamed — you pick with your eyes, not your biases.Read more →SteeringPoint, comment and tweakPick an element in the preview and the comment carries its real context — tag, styles, place in the tree — so the agent edits the thing you meant, not its guess of it.Read more →CodebaseVisual editor for your real codebaseBuild mode is a visual editor for the code you ship: pick an element in your running app, edit it visually, and the change lands in the component's own idiom — verified by a real re-render before it's yours.Read more →AutomationDesign MCP serverMCP is how your agents ask the studio to design: start a project, send a brief, read the gate verdict, pull an export — everything goes through grants you gave, logged in the activity view.Read more →