AIコーディングが普及しつつある昨今、最近はGitHub Issueやリポジトリ内のMDファイルで開発計画を事前に用意する方法が増えてきました。今回はGitHub Issueにある情報を元にClaude Code on the Webで開発を指示する方法を紹介します。

GitHub Issueと CodeRabbit で開発の計画を作る

CodeRabbitのProプランを契約しているので、「こういうものが欲しいな」と思った時はよくGitHub IssueでCodeRabbitに実装計画を作らせています。

これまではCodeRabbitがAI向けのプロンプトを生成してくれていたので、これをClaude Code on the Webなどにコピペして開発を指示していました。

Claude Code on the WebでIssueを直接読み込ませる

いつリリースされたのかがわからないのですが、最近Claude Code on the WebのUIを見ると、GitHub Issueを読み込む機能が追加されていました。

「インポートの問題（おそらく Import Issueとかの直訳）」をクリックすると、そのリポジトリのIssueがリストで表示されます。

読み込ませたいIssueを選択すると、チャットに添付されました。

プランモードで動作をチェックしてみる

今回は追加の指示を出さずにどんな動きをするのか、プランモードでテストしてみます。

チャットにIssue URLが自動挿入され、GitHub MCPでIssueを読み取っていることがわかります。具体的な指示などは追加されていない様子なので、あくまで「このIssueを参照しろ」というテンプレート的に使うものの様子ですね。GitHubとClaude Codeの２タブを開く必要なしに、対応したいIssueを共有できる・・・ということでしょうか。

プランが出来上がったので、ブラウザの翻訳機能で日本語にしました。見ている感じ、GitHub IssueでCodeRabbitと会話していた内容をベースにしているのは間違いなさそうです。

プランや開発計画の整理をどこでやるべきか

こうなってくると、JiraやLinear / Backlogなどを使っている開発チームは「あれ、うちのはダメなの？」となりそうかなと思いました。特にJira / Linearなどは Cursor / CodeRabbitなども連携している（はず）なので、CursorのCloud AgentsやDevinなどにシフトするのか、具体的な開発タスクはGitHub Issue経由にするのかなどの議論が出てきそうです。

とはいえ、MCPやCLIで取得させているだけの状態ではありますので、Claude CodeのEnvironment機能を使って自前でセットアップすればいい気もします。なのでこの機能だけを見て「マズい、移行しないといけないかも！」と慌てる必要はなさそうです。

それはそれとして、「雑にIssueを起票して開発相談できる」という体験が良すぎるので、CodeRabbitやClaude Code ActionsなどのGitHub Issueと連携したエージェントはぜひ試してみてください。