概要
Claude Code Skillである「cc-rsg」を、OpenHandsをバックエンドに活用してWebアプリ化した開発プロセスと、エージェント基盤としての利点を解説した記事。
詳細内容
Claude Code向けの仕様書生成拡張「cc-rsg」を、CLIに馴染みのないユーザーへ提供するためOpenHandsをエージェント実行基盤としてWeb化した実装記録です。OpenHandsの選定理由として、Dockerによる環境隔離、REST/WebSocket APIの提供、そしてCodex OAuth（ChatGPTサブスクの流用）への対応が挙げられています。
**主な技術的ポイント:**
- **MCPサーバーの自作**: エージェントからユーザーへの質問を仲介する「ask_user_question」ツールをMCPで実装し、Next.jsのUIと連携。
- **認証の統合**: OpenHandsのOAuthフローを利用し、APIキーだけでなくChatGPT Plus等のサブスクリプション権限での実行を可能に。
- **UI/UXの工夫**: エージェントの内部ログとユーザー対話の可視化、フェーズ表示による実行状況の把握。
既存のAIツールを自前のWebフロントエンドで包み込み、「自分専用のAgentic AI基盤」を構築する際の実践的な参考事例となっています。