Repolode
Enviar
feimacode

feimacode/open-design-agent-kit

Diseña pósteres, publicaciones para redes sociales, presentaciones y páginas de destino en GitHub Copilot, Claude Code, Codex o Cursor, sin necesidad de una aplicación de escritorio aparte.

Alternativa open source a:Canva

Ver en GitHubSitio web
Estrellas
1,028
Forks
100
Issues abiertos
8
Último commit
ayer

¿Qué es?

Open Design Agent Kit integra habilidades de diseño, sistemas de diseño de marca y ejemplos que se pueden adaptar en agentes de programación como GitHub Copilot Chat, Claude Code, Codex y Cursor, o en cualquier agente compatible con MCP. Describe una presentación comercial, una página de destino, un panel o un prototipo para móviles en el chat que ya usas, y el modelo del agente genera los archivos con sus propias herramientas de archivos.

El kit incluye 198 sistemas de diseño, 181 habilidades, 114 plantillas y 193 artefactos de ejemplo. El resultado se guarda como archivos normales en tu repositorio, para que puedas revisarlo, comparar los cambios y confirmarlos igual que el resto del código. Los agentes muestran cada diseño en un navegador y comprueban que no haya texto cortado, poco contraste ni estados de foco ausentes antes de terminar.

Se instala como extensión de VS Code, plugin de Claude Code, conjunto de habilidades de Codex, servidor MCP o mediante un comando de una sola línea con npx. Permite exportar a PDF, PNG y PowerPoint, y algunos flujos de trabajo se conectan con servicios como Figma, Canva y Notion cuando sus servidores MCP están disponibles.

Funciones clave

  • 01Funciona en GitHub Copilot Chat, Claude Code, Codex, Cursor y otros agentes compatibles con MCP.
  • 02Incluye 198 sistemas de diseño de marca para mantener la coherencia de los diseños generados.
  • 03Permite empezar con 193 artefactos de ejemplo editables o generar un diseño a partir de una descripción.
  • 04Muestra los diseños en un navegador y los revisa antes de entregarlos.
  • 05Guarda los resultados como archivos normales en el repositorio.
  • 06Exporta a PDF, PNG y PowerPoint.

Casos de uso

  • Crear gráficos para redes sociales o pósteres a partir de una instrucción breve, directamente en un editor.
  • Preparar un borrador de presentación o de prototipo de página de destino antes de desarrollarlo con código de producción.
  • Convertir un CSV o un documento en un diseño tipo informe dentro del repositorio.
  • Crear currículums listos para imprimir o documentos de una sola página y exportarlos a PDF.

Inicio rápido

  1. 1

    Ejecuta la configuración con un solo comando en tu proyecto para conectar Claude Code

    npx @feimacode/open-design-agent-kit init --tools claude
  2. 2

    Abre el chat de tu agente y describe el diseño que quieres, como una página de destino o un póster

Antes de usarlo

  • Se ejecuta dentro de un agente de programación existente, así que necesitas uno como Claude Code, Codex, GitHub Copilot o Cursor.
  • Las opciones de instalación basadas en npx requieren Node.js.
  • Algunas integraciones, como Figma, necesitan sus propios tokens o servidores MCP oficiales.

En colecciones

Skills de diseño de interfaces para agentes de programaciónHerramientas, skills y plugins para Claude CodeAsistentes y agentes de programación con IAServidores MCPBibliotecas de skills para agentes de IA

Temas

#ai-design#design-systems#coding-agent#mcp#slides#poster#prototyping#claude-code#agent-skills#claude-design

Preguntas frecuentes

¿Qué es open-design-agent-kit?
Diseña pósteres, publicaciones para redes sociales, presentaciones y páginas de destino en GitHub Copilot, Claude Code, Codex o Cursor, sin necesidad de una aplicación de escritorio aparte. Open Design Agent Kit integra habilidades de diseño, sistemas de diseño de marca y ejemplos que se pueden adaptar en agentes de programación como GitHub Copilot Chat, Claude Code, Codex y Cursor, o en cualquier agente compatible con MCP. Describe una presentación comercial, una página de destino, un panel o un prototipo para móviles en el chat que ya usas, y el modelo del agente genera los archivos con sus propias herramientas de archivos.
¿open-design-agent-kit es gratuito? ¿Qué licencia tiene?
open-design-agent-kit es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿open-design-agent-kit sigue mantenido?
Mantenimiento activo. El último commit de open-design-agent-kit fue el 6 nov 2026.
¿Para qué puedo usar open-design-agent-kit?
Crear gráficos para redes sociales o pósteres a partir de una instrucción breve, directamente en un editor. Preparar un borrador de presentación o de prototipo de página de destino antes de desarrollarlo con código de producción. Convertir un CSV o un documento en un diseño tipo informe dentro del repositorio. Crear currículums listos para imprimir o documentos de una sola página y exportarlos a PDF.
¿Cómo se instala open-design-agent-kit?
Ejecuta la configuración con un solo comando en tu proyecto para conectar Claude Code: npx @feimacode/open-design-agent-kit init --tools claude Abre el chat de tu agente y describe el diseño que quieres, como una página de destino o un póster
¿Dónde consigo open-design-agent-kit?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/feimacode/open-design-agent-kit

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados