Um agente de IA que aprende com a experiência para criar e aprimorar skills, funciona com vários provedores de modelos e pode ser usado pela CLI e por apps de mensagens.
- Estrelas
- 222
- Forks
- 58
- Issues abertas
- 14
- Último commit
- há 8 dias
O que é?
O Design Studio AI é um workspace para criar interfaces web, slides, relatórios, wireframes, cenas 3D e vídeos com linha do tempo. Você começa com um briefing ou template, confere a prévia e depois faz alterações pelo chat ou pelo editor manual. Pessoas e agentes trabalham no mesmo documento versionado.
Os recursos de geração usam as chaves dos seus próprios provedores (BYOK) para texto, imagens, fala, música e vídeo. Os designs podem ser exportados para formatos como HTML, SVG, PDF, PowerPoint, WebM, GLB e ZIP de protótipo React. Os agentes podem acessar os mesmos designs por uma REST API, um servidor MCP Streamable HTTP e a CLI dsa.
O studio pode ser hospedado na Cloudflare ou em infraestrutura própria com Docker e armazenamento SQLite persistente. O login aceita e-mail e senha, com opção de entrar pelo GitHub.
Recursos principais
- 01Edição pelo chat ou manual do mesmo documento de design versionado
- 02Animação 2D de personagens com ossos, skins, malhas e física, além de personagens 3D editáveis
- 03Exportação para HTML, SVG, PDF, PowerPoint, WebM, GLB e ZIP de protótipo React
- 04REST API, servidor MCP com OAuth ou chaves de API e CLI dsa
- 05Geração com suas próprias chaves para texto, imagens, fala, música e vídeo
- 06Hospedagem própria na Cloudflare ou com Docker e armazenamento SQLite persistente
Casos de uso
- Criar rascunhos de landing pages com um agente de IA e refiná-los manualmente
- Montar apresentações que podem ser exportadas para PowerPoint ou Google Slides
- Criar cenas 3D animadas ou clipes de animação 2D de personagens
- Manter um workspace de design auto-hospedado para uma equipe usando as próprias chaves de provedores
Início rápido
- 1
Instale as dependências
npm ci - 2
Compile a CLI e o aplicativo
npm ci --prefix packages/cli - 3
Inicie o servidor (configure ENCRYPTION_KEY e APP_URL primeiro)
npm start - 4
Abra o Studio no navegador em localhost:8787
Antes de usar
- A geração requer suas próprias credenciais do provedor e acesso à conta.
- É necessário ter Node.js 24 ou superior para executar localmente.
- O pacote da CLI não está publicado no registro do npm e deve ser instalado a partir de um tarball de lançamento ou de uma compilação local.
- Alterar ENCRYPTION_KEY impede a descriptografia das chaves de provedor existentes.
Tópicos
Perguntas frequentes
- O que é design-studio-ai?
- Workspace de design open source onde pessoas e agentes de IA editam um único documento versionado para páginas web, slides e cenas 3D. O Design Studio AI é um workspace para criar interfaces web, slides, relatórios, wireframes, cenas 3D e vídeos com linha do tempo. Você começa com um briefing ou template, confere a prévia e depois faz alterações pelo chat ou pelo editor manual. Pessoas e agentes trabalham no mesmo documento versionado.
- design-studio-ai é gratuito? Qual é a licença?
- design-studio-ai é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- design-studio-ai ainda é mantido?
- Manutenção ativa. O último commit de design-studio-ai foi em 12 de out. de 2026.
- Para que posso usar design-studio-ai?
- Criar rascunhos de landing pages com um agente de IA e refiná-los manualmente Montar apresentações que podem ser exportadas para PowerPoint ou Google Slides Criar cenas 3D animadas ou clipes de animação 2D de personagens Manter um workspace de design auto-hospedado para uma equipe usando as próprias chaves de provedores
- Como instalar design-studio-ai?
- Instale as dependências: npm ci Compile a CLI e o aplicativo: npm ci --prefix packages/cli Inicie o servidor (configure ENCRYPTION_KEY e APP_URL primeiro): npm start Abra o Studio no navegador em localhost:8787
- Onde consigo design-studio-ai?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/bestagentkits/design-studio-ai
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Gateway de autenticação auto-hospedado que permite a agentes de IA acessar mais de 1.000 provedores SaaS por SDK, CLI, MCP, HTTP e OpenAPI, sem compartilhar credenciais.
Agente de IA open source do Google que leva o Gemini ao terminal para consultar, editar e automatizar código.
Agente de IA open source e de uso geral, executado na sua máquina como app desktop, CLI ou API incorporável, para tarefas de programação e outras atividades.
Framework de agente pessoal de IA self-hosted em Python, com WebUI no navegador, cliente de terminal, canais de chat, ferramentas, memória e suporte a MCP.
Assistente pessoal de IA e Agent Harness de código aberto que planeja tarefas, executa ferramentas e skills e mantém memória em canais Web e de mensagens instantâneas.