Vibe Coding Discover

AI Tools

design-studio-ai

View on GitHub

Open-source design workspace for AI agents and humans. Cloud editing, 3D, motion, MCP, WebMCP, CLI and BYOK. MIT.

★ 21558 forksTypeScriptMITbestagentkits

Agent-first design workspace where humans and LLM agents co-edit web layouts, slides, wireframes, 3D scenes, and motion videos on one versioned document. Exposes MCP/WebMCP, a dsa CLI and an agent skill, with BYOK media generation and multi-format export.

Use Cases

Generate web/landing page layouts from a promptBuild and edit slide decks and reportsCreate wireframes and design systemsAuthor 3D characters and textured 3D scenesProduce timeline motion/character animationExport designs to PNG, PDF, PPTX, WebM, SVG, GLBDrive design revisions from an agent over MCP or CLIBYOK image, video, speech, and music generationPublish immutable public design snapshotsHuman and agent co-editing of a versioned documentCommunity sharing and remixing of designsAutomated design checks for overflow and contrast

Built With

Language
TypeScript
Frameworks
React · Hono · Three.js · Vite · Ant Design · Radix UI · Zod · esbuild · Playwright · Cloudflare Workers · Model Context Protocol SDK · Node.js · SQLite · Docker

Tags

agent-first · design-workspace · mcp · webmcp · byok · cli · agent-skill · 3d · motion · slides · wireframes · exports · self-hosted · react · collaboration · design-systems