Quickstart

THE DEVELOPER WORKSPACE

One design.
Every way to work.

Give your agent the same canvas, assets, and revision history you use in the studio.

Structured documentTargeted editsReal output

From a brief to a saved design

Connect your agent

Manage API keys

Choose a starting point

Inspect templates, themes, and the document schema. Use existing page and node IDs.

Explore the CLI

Edit, inspect, export

Make focused changes, save against the revision you read, and inspect the actual artifact.

Understand revisions

Install and discovershell

npm install -g https://github.com/bestagentkits/design-studio-ai/releases/download/v0.3.0/bestagentkits-design-studio-ai-0.3.0.tgz

# Inject DESIGN_STUDIO_API_KEY using your secret manager.
export DESIGN_STUDIO_URL=https://beta.studio.agentkit.best
dsa health
dsa templates list
dsa schema
dsa projects list

Create, read, and exportshell

dsa projects create --name "Product story" --template product-deck

# Use the ID and revision returned by the server.
dsa projects get PROJECT_ID
dsa projects export PROJECT_ID --format png --revision OBSERVED_REVISION --output preview.png

Live template & theme catalog Installable agent skill Live document, operation & interview schemas Create your API key