Repolode
Enviar
Innei

Innei/ryugi

Um plugin de workflow para agentes de programação que explora ideias com mockups, obtém aprovação da especificação e implementa com TDD, gerando artefatos visuais ao vivo.

Ver no GitHubSite
Estrelas
367
Forks
15
Issues abertas
4
Último commit
há 5 horas

O que é?

Ryugi é um workflow de desenvolvimento para agentes de programação. Em vez de partir direto para o código, o agente avança por etapas: brainstorming, mockups, uma especificação aprovada pelo usuário, implementação com desenvolvimento orientado a testes e, por fim, verificação em relação ao design aprovado.

A saída do agente é exibida como artefatos ao vivo, e não apenas como texto. Entre eles estão uma prancheta para comparar várias direções de UI lado a lado e adicionar comentários em pixels específicos, um documento de design com diagramas e comentários em linha, uma bancada de testes em HTML com sliders funcionais e uma visualização de verificação que coloca capturas de tela do que foi implementado ao lado do design aprovado, para que o usuário possa aprová-las ou rejeitá-las.

Ryugi é instalado como plugin em vários harnesses de agentes, incluindo Claude Code, Codex, Cursor, Gemini CLI e outros. Uma biblioteca local de artefatos é executada com npx ryugi-artifacts, e o compartilhamento de links é feito pelo Ryugi Cloud. É um fork do Superpowers v7.0.0.

Recursos principais

  • 01Explora ideias e produz mockups antes de qualquer código ser escrito
  • 02Exige a aprovação do usuário para a especificação antes da implementação
  • 03Implementa com desenvolvimento orientado a testes
  • 04Prancheta para comparar opções de UI lado a lado e adicionar comentários em pixels específicos
  • 05Documentos de design com diagramas e comentários editáveis
  • 06A visualização de verificação compara capturas de tela do que foi implementado com o design aprovado

Casos de uso

  • Explorar várias direções de UI para um recurso web ou de app antes de escolher uma
  • Revisar um documento de design com comentários em linha antes do início da implementação
  • Ajustar parâmetros de animação ou interação com sliders funcionais em uma página HTML
  • Verificar se a UI implementada por um agente corresponde ao design aprovado

Início rápido

  1. 1

    Adicione o marketplace Ryugi no Claude Code

    /plugin marketplace add Innei/ryugi
  2. 2

    Instale o plugin Ryugi

    /plugin install ryugi@ryugi-dev
  3. 3

    Envie sua primeira solicitação para começar a gerar ideias antes de escrever qualquer código

Antes de usar

  • O aplicativo artifacts é licenciado exclusivamente sob AGPL-3.0-only. Portanto, se você executar uma versão modificada como um serviço de rede, deverá disponibilizar o código-fonte aos usuários.
  • Os metadados de licença do repositório não são detectados corretamente, então é preciso verificar manualmente a licença de cada parte.

Em coleções

Ferramentas, skills e plugins para Claude CodeFrameworks e apps de agentes de IA open sourceAssistentes e agentes de programação com IA

Tópicos

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

Perguntas frequentes

O que é ryugi?
Um plugin de workflow para agentes de programação que explora ideias com mockups, obtém aprovação da especificação e implementa com TDD, gerando artefatos visuais ao vivo. Ryugi é um workflow de desenvolvimento para agentes de programação. Em vez de partir direto para o código, o agente avança por etapas: brainstorming, mockups, uma especificação aprovada pelo usuário, implementação com desenvolvimento orientado a testes e, por fim, verificação em relação ao design aprovado.
ryugi é gratuito? Qual é a licença?
ryugi é open source sob a licença Other. Confira os termos da licença antes de usá-lo em produtos comerciais.
ryugi ainda é mantido?
Manutenção ativa. O último commit de ryugi foi em 7 de nov. de 2026.
Para que posso usar ryugi?
Explorar várias direções de UI para um recurso web ou de app antes de escolher uma Revisar um documento de design com comentários em linha antes do início da implementação Ajustar parâmetros de animação ou interação com sliders funcionais em uma página HTML Verificar se a UI implementada por um agente corresponde ao design aprovado
Como instalar ryugi?
Adicione o marketplace Ryugi no Claude Code: /plugin marketplace add Innei/ryugi Instale o plugin Ryugi: /plugin install ryugi@ryugi-dev Envie sua primeira solicitação para começar a gerar ideias antes de escrever qualquer código
Onde consigo ryugi?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/Innei/ryugi

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados