Innei/ryugi

これは何？

主な機能

• 01コードを書く前にブレインストーミングを行い、モックアップを作成
• 02実装前にユーザーによる仕様の承認を必須とする
• 03テスト駆動開発（TDD）で実装
• 04UI案を横並びで比較し、ピクセル単位でコメントできるアートボード
• 05図や編集可能なコメントを含む設計ドキュメント
• 06実装した画面のスクリーンショットを承認済みデザインと比較する検証ビュー

ユースケース

• Webやアプリの機能について、案を絞る前に複数の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 は何に使えますか？

Webやアプリの機能について、案を絞る前に複数の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