Repolode
Innei

Innei/ryugi

코딩 에이전트가 목업으로 아이디어를 구체화하고, 사양을 승인받은 뒤 TDD로 구현하며, 실시간 시각 자료를 제공하는 워크플로 플러그인입니다.

스타
353
포크
15
열린 이슈
4
마지막 커밋
21시간 전

어떤 프로젝트인가요?

Ryugi는 코딩 에이전트를 위한 개발 워크플로입니다. 에이전트가 곧바로 코드를 작성하는 대신, 브레인스토밍과 목업 제작, 사용자가 승인하는 사양 작성, 테스트 주도 개발(TDD)에 따른 구현, 승인된 디자인과의 최종 검증 단계를 차례로 거칩니다.

에이전트의 결과물은 텍스트로만 표시되지 않고 실시간 시각 자료로 제공됩니다. 여기에는 여러 UI 방향을 나란히 비교하고 특정 픽셀에 댓글을 남길 수 있는 아트보드, 다이어그램과 인라인 댓글이 포함된 디자인 문서, 실제 슬라이더가 있는 HTML 테스트 벤치, 그리고 구현된 스크린샷을 승인된 디자인 옆에 놓고 사용자가 승인하거나 거부할 수 있는 검증 화면이 포함됩니다.

Ryugi는 Claude Code, Codex, Cursor, Gemini CLI 등을 포함한 여러 에이전트 하네스의 플러그인으로 설치할 수 있습니다. 로컬 아티팩트 라이브러리는 npx ryugi-artifacts로 실행하며, 공유 링크는 Ryugi Cloud를 통해 제공합니다. Superpowers v7.0.0을 포크한 프로젝트입니다.

핵심 기능

  • 01코드를 작성하기 전에 브레인스토밍을 진행하고 목업을 만듭니다
  • 02구현에 앞서 사용자가 사양을 승인해야 합니다
  • 03테스트 주도 개발(TDD) 방식으로 구현합니다
  • 04UI 선택지를 나란히 비교하고 픽셀 단위로 댓글을 남길 수 있는 아트보드
  • 05다이어그램과 수정 가능한 댓글이 포함된 디자인 문서
  • 06검증 화면에서 구현된 스크린샷과 승인된 디자인을 비교합니다

활용 사례

  • 웹 또는 앱 기능을 구현하기 전에 여러 UI 방향을 살펴보는 경우
  • 구현을 시작하기 전에 인라인 댓글을 달며 디자인 문서를 검토하는 경우
  • HTML 페이지의 실시간 슬라이더로 애니메이션이나 상호작용 매개변수를 조정하는 경우
  • 에이전트가 구현한 UI가 승인된 디자인과 일치하는지 확인하는 경우

빠른 시작

  1. 1

    Claude Code에 Ryugi 마켓플레이스를 추가하세요

    /plugin marketplace add Innei/ryugi
  2. 2

    Ryugi 플러그인을 설치하세요

    /plugin install ryugi@ryugi-dev
  3. 3

    코드를 작성하기 전에 브레인스토밍을 시작할 수 있도록 첫 요청을 보내세요

사용 전 알아둘 점

  • artifacts 애플리케이션은 AGPL-3.0-only 라이선스를 적용받으므로, 수정한 버전을 네트워크 서비스로 실행할 경우 사용자에게 소스 코드를 제공해야 합니다.
  • 저장소의 라이선스 메타데이터가 정확하게 감지되지 않았으므로, 각 구성 요소의 라이선스를 직접 확인해야 합니다.

포함된 컬렉션

토픽

자주 묻는 질문

ryugi은(는) 무엇인가요?
코딩 에이전트가 목업으로 아이디어를 구체화하고, 사양을 승인받은 뒤 TDD로 구현하며, 실시간 시각 자료를 제공하는 워크플로 플러그인입니다. Ryugi는 코딩 에이전트를 위한 개발 워크플로입니다. 에이전트가 곧바로 코드를 작성하는 대신, 브레인스토밍과 목업 제작, 사용자가 승인하는 사양 작성, 테스트 주도 개발(TDD)에 따른 구현, 승인된 디자인과의 최종 검증 단계를 차례로 거칩니다.
ryugi은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
ryugi은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
ryugi은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. ryugi의 마지막 커밋은 2026년 11월 5일입니다.
ryugi은(는) 어디에 사용할 수 있나요?
웹 또는 앱 기능을 구현하기 전에 여러 UI 방향을 살펴보는 경우 구현을 시작하기 전에 인라인 댓글을 달며 디자인 문서를 검토하는 경우 HTML 페이지의 실시간 슬라이더로 애니메이션이나 상호작용 매개변수를 조정하는 경우 에이전트가 구현한 UI가 승인된 디자인과 일치하는지 확인하는 경우
ryugi는 어떻게 설치하나요?
Claude Code에 Ryugi 마켓플레이스를 추가하세요: /plugin marketplace add Innei/ryugi Ryugi 플러그인을 설치하세요: /plugin install ryugi@ryugi-dev 코드를 작성하기 전에 브레인스토밍을 시작할 수 있도록 첫 요청을 보내세요
ryugi은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Innei/ryugi

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트