{"data":{"slug":"design-studio-ai","name":"Design Studio AI","tagline":"Agent-first design workspace with MCP, CLI, and shared human edits","category":"design","categoryName":"Design","url":"https://studio.agentkit.best","github":"https://github.com/bestagentkits/design-studio-ai","pricing":"open-source","hook":"Design Studio AI is an open design workspace where humans and agents edit the same versioned document — web, slides, wireframes, 3D, and motion — over REST, MCP, and a CLI.","whatsGood":"MIT (bestagentkits/design-studio-ai). Live studio at studio.agentkit.best plus Docker/Cloudflare self-host. Structured layouts, design systems, BYOK generation, public snapshots, Streamable HTTP MCP with OAuth/API keys, `dsa` CLI, and an agent skill. People and agents share revision-checked writes instead of throwing screenshots over the wall.","theCatch":"Vs Stitch Skills / generic Figma MCP: this is a full self-hostable studio, not a Google Stitch plugin pack. Generation needs your own provider keys; Node 24+ and Playwright Chromium for local builds.","verdict":"MIT agent-native design studio. Use when UI/slides/3D should be a shared document agents can MCP into.","addedAt":"2026-09-21","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["mcp","cli","api","self-host","permissive","graphics-3d","active","young-repo"],"capabilities":["mcp","cli"],"surfaces":["MCP","CLI","API","Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":222,"starsPerWeek":36,"access":"free","archived":false,"repo":{"createdAt":"2026-09-07","pushedAt":"2026-10-12","license":"MIT","archived":false,"checkedAt":"2026-10-19"}},"related":[{"slug":"tailwindcss","name":"Tailwind CSS","tagline":"Utility-first CSS that developers love"},{"slug":"shadcn-ui","name":"shadcn/ui","tagline":"Copy-paste components built on Radix"},{"slug":"radix-ui","name":"Radix UI","tagline":"Unstyled, accessible React components"},{"slug":"framer-motion","name":"Framer Motion","tagline":"Production-ready React animations"},{"slug":"figma","name":"Figma","tagline":"Collaborative design tool in the browser"}],"links":{"self":"/api/gems/design-studio-ai","html":"/gems/design-studio-ai","markdown":"/gems/design-studio-ai.md","category":"/api/gems?category=design","categoryPage":"/stacks/design"}}