Repolode
Enviar
Innei

Innei/ryugi

Plugin de flujo de trabajo para agentes de programación que explora ideas con mockups, obtiene la aprobación de especificaciones y luego desarrolla con TDD y artefactos visuales en vivo.

Ver en GitHubSitio web
Estrellas
367
Forks
15
Issues abiertos
4
Último commit
hace 4 horas

¿Qué es?

Ryugi es un flujo de trabajo de desarrollo para agentes de programación. En lugar de pasar directamente al código, el agente avanza por varias etapas: lluvia de ideas, mockups, una especificación que el usuario aprueba, implementación con desarrollo guiado por pruebas y, por último, verificación frente al diseño aprobado.

El resultado del agente se muestra como artefactos interactivos en vivo, no solo como texto. Incluyen un artboard para comparar varias propuestas de interfaz en paralelo y añadir comentarios sobre píxeles concretos, un documento de diseño con diagramas y comentarios en línea, un banco de pruebas HTML con controles deslizantes funcionales y una vista de verificación que coloca las capturas de pantalla de lo construido junto al diseño aprobado para que el usuario pueda aceptarlas o rechazarlas.

Ryugi se instala como plugin en distintos entornos para agentes, entre ellos Claude Code, Codex, Cursor, Gemini CLI y otros. La biblioteca local de artefactos se ejecuta mediante npx ryugi-artifacts, y los enlaces para compartir se gestionan con Ryugi Cloud. Es un fork de Superpowers v7.0.0.

Funciones clave

  • 01Genera ideas y produce mockups antes de escribir código
  • 02Requiere la aprobación del usuario para la especificación antes de implementar
  • 03Desarrolla con desarrollo guiado por pruebas
  • 04Artboard para comparar opciones de interfaz en paralelo y añadir comentarios sobre píxeles
  • 05Documentos de diseño con diagramas y comentarios editables
  • 06La vista de verificación compara las capturas de pantalla de lo construido con el diseño aprobado

Casos de uso

  • Explorar varias propuestas de interfaz para una función web o de una app antes de decidirse por una
  • Revisar un documento de diseño con comentarios en línea antes de comenzar la implementación
  • Ajustar parámetros de animación o interacción con controles deslizantes en vivo en una página HTML
  • Comprobar que la interfaz creada por un agente coincide con el diseño aprobado

Inicio rápido

  1. 1

    Añade el marketplace Ryugi en Claude Code

    /plugin marketplace add Innei/ryugi
  2. 2

    Instala el plugin de Ryugi

    /plugin install ryugi@ryugi-dev
  3. 3

    Envía tu primera solicitud para empezar a generar ideas antes de escribir código

Antes de usarlo

  • La aplicación artifacts solo está disponible bajo la licencia AGPL-3.0-only, por lo que, si ejecutas una versión modificada como servicio de red, debes ofrecer su código fuente a los usuarios.
  • Los metadatos de licencia del repositorio no se detectan correctamente, por lo que es necesario comprobar manualmente la licencia de cada parte.

En colecciones

Herramientas, skills y plugins para Claude CodeFrameworks y apps de agentes de IA open sourceAsistentes y agentes de programación con IA

Temas

#ai-agent#coding-agent#tdd#workflow#prototyping#claude-code#plugin

Preguntas frecuentes

¿Qué es ryugi?
Plugin de flujo de trabajo para agentes de programación que explora ideas con mockups, obtiene la aprobación de especificaciones y luego desarrolla con TDD y artefactos visuales en vivo. Ryugi es un flujo de trabajo de desarrollo para agentes de programación. En lugar de pasar directamente al código, el agente avanza por varias etapas: lluvia de ideas, mockups, una especificación que el usuario aprueba, implementación con desarrollo guiado por pruebas y, por último, verificación frente al diseño aprobado.
¿ryugi es gratuito? ¿Qué licencia tiene?
ryugi es open source bajo la licencia Other. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿ryugi sigue mantenido?
Mantenimiento activo. El último commit de ryugi fue el 7 nov 2026.
¿Para qué puedo usar ryugi?
Explorar varias propuestas de interfaz para una función web o de una app antes de decidirse por una Revisar un documento de diseño con comentarios en línea antes de comenzar la implementación Ajustar parámetros de animación o interacción con controles deslizantes en vivo en una página HTML Comprobar que la interfaz creada por un agente coincide con el diseño aprobado
¿Cómo se instala ryugi?
Añade el marketplace Ryugi en Claude Code: /plugin marketplace add Innei/ryugi Instala el plugin de Ryugi: /plugin install ryugi@ryugi-dev Envía tu primera solicitud para empezar a generar ideas antes de escribir código
¿Dónde consigo ryugi?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/Innei/ryugi

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

Proyectos relacionados