Un agente de IA que mejora con la experiencia, crea y perfecciona habilidades, funciona con numerosos proveedores de modelos y se usa desde la CLI y apps de mensajería.
255,3 mil55,6 milPythonMITActualizado hace 13 horas
- Estrellas
- 222
- Forks
- 58
- Issues abiertos
- 14
- Último commit
- hace 8 días
¿Qué es?
Design Studio AI es un espacio de trabajo para crear interfaces web, presentaciones, informes, wireframes, escenas 3D y videos con línea de tiempo. Se empieza con un brief o una plantilla, se revisa la vista previa y luego se hacen cambios mediante chat o con un editor manual. Las personas y los agentes trabajan en el mismo documento versionado.
Las funciones de generación usan claves propias de proveedores (BYOK) para texto, imágenes, voz, música y video. Los diseños se exportan a formatos como HTML, SVG, PDF, PowerPoint, WebM, GLB y un ZIP de prototipo de React. Los agentes pueden acceder a los mismos diseños mediante una API REST, un servidor MCP Streamable HTTP y la CLI dsa.
El estudio se puede alojar en Cloudflare o de forma autogestionada con Docker y almacenamiento SQLite persistente. El inicio de sesión admite correo electrónico y contraseña, además del acceso opcional con GitHub.
Funciones clave
- 01Edición mediante chat y manual del mismo documento de diseño versionado
- 02Movimiento de personajes 2D con huesos, skins, mallas y física, además de personajes 3D editables
- 03Exportación a HTML, SVG, PDF, PowerPoint, WebM, GLB y un ZIP de prototipo de React
- 04API REST, servidor MCP con OAuth o claves de API y la CLI dsa
- 05Generación con claves propias para texto, imágenes, voz, música y video
- 06Alojamiento autogestionado en Cloudflare o con Docker y almacenamiento SQLite persistente
Casos de uso
- Crear borradores de páginas de aterrizaje con un agente de IA y perfeccionarlos manualmente
- Crear presentaciones exportables a PowerPoint o Google Slides
- Crear escenas 3D animadas o clips de movimiento de personajes 2D
- Ejecutar un espacio de diseño autogestionado para un equipo que use sus propias claves de proveedor
Inicio rápido
- 1
Instala las dependencias
npm ci - 2
Compila la CLI y la aplicación
npm ci --prefix packages/cli - 3
Inicia el servidor (configura ENCRYPTION_KEY y APP_URL primero)
npm start - 4
Abre Studio en el navegador en localhost:8787
Antes de usarlo
- La generación requiere tus propias credenciales del proveedor y acceso a la cuenta.
- Se requiere Node.js 24 o una versión posterior para ejecutarlo localmente.
- El paquete de la CLI no está publicado en el registro de npm y debe instalarse desde un tarball de una versión publicada o una compilación local.
- Si cambias ENCRYPTION_KEY, no podrás descifrar las claves de proveedor existentes.
Temas
Preguntas frecuentes
- ¿Qué es design-studio-ai?
- Espacio de diseño de código abierto donde las personas y los agentes de IA editan un mismo documento versionado para páginas web, presentaciones y escenas 3D. Design Studio AI es un espacio de trabajo para crear interfaces web, presentaciones, informes, wireframes, escenas 3D y videos con línea de tiempo. Se empieza con un brief o una plantilla, se revisa la vista previa y luego se hacen cambios mediante chat o con un editor manual. Las personas y los agentes trabajan en el mismo documento versionado.
- ¿design-studio-ai es gratuito? ¿Qué licencia tiene?
- design-studio-ai es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿design-studio-ai sigue mantenido?
- Mantenimiento activo. El último commit de design-studio-ai fue el 12 oct 2026.
- ¿Para qué puedo usar design-studio-ai?
- Crear borradores de páginas de aterrizaje con un agente de IA y perfeccionarlos manualmente Crear presentaciones exportables a PowerPoint o Google Slides Crear escenas 3D animadas o clips de movimiento de personajes 2D Ejecutar un espacio de diseño autogestionado para un equipo que use sus propias claves de proveedor
- ¿Cómo se instala design-studio-ai?
- Instala las dependencias: npm ci Compila la CLI y la aplicación: npm ci --prefix packages/cli Inicia el servidor (configura ENCRYPTION_KEY y APP_URL primero): npm start Abre Studio en el navegador en localhost:8787
- ¿Dónde consigo design-studio-ai?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/bestagentkits/design-studio-ai
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Gateway de autenticación autohospedado que permite a agentes de IA usar más de 1.000 proveedores SaaS mediante SDK, CLI, MCP, HTTP y OpenAPI, sin compartir credenciales.
6 mil563TypeScriptApache-2.0Actualizado ayer
Un agente de IA de código abierto de Google que integra Gemini en tu terminal para consultar, editar y automatizar código.
107,5 mil14,7 milTypeScriptApache-2.0Actualizado hace 13 horas
Agente de IA de código abierto y propósito general que se ejecuta en tu equipo como app de escritorio, CLI o API integrable, para tareas de programación y de otro tipo.
55,5 mil6,5 milRustApache-2.0Actualizado hace 9 horas
Framework de agente personal de IA autohospedado en Python, con WebUI en el navegador, cliente de terminal, canales para apps de chat, herramientas, memoria y compatibilidad con MCP.
49,2 mil8,7 milPythonMITActualizado hace 5 horas
Asistente personal de IA y Agent Harness de código abierto que planifica tareas, ejecuta herramientas y skills, y conserva la memoria en canales web y de mensajería.
47,5 mil10,4 milPythonMITActualizado hace 12 horas