radon-mcp について
Radon IDE を使って React Native と Expo アプリをデバッグする開発者向けのスキルです。ログ、スクリーンショット、コンポーネントツリー、ネットワーク通信、アプリの再読み込み、ドキュメント検索用のツールを説明します。
主な機能
- 01ビルドと実行時ログの確認
- 02アプリの画面とコンポーネントツリーの表示
- 03ネットワークログとリクエスト詳細の確認
- 04再読み込みまたは再ビルド方法の選択
- 05React Native と Expo のドキュメント検索
- 06npm ライブラリの用途の評価
活用シーン
- 01アプリのビルドや実行時エラーの調査
- 02画面表示とコンポーネント配置の確認
- 03アプリの HTTP リクエストの分析
- 04API ドキュメントの検索や npm 依存の評価
MCP 対応
Radon IDE の MCP ツールを使い、実行中の React Native / Expo アプリを調査・デバッグするためのスキルです。ツールからログ、画面、コンポーネントツリー、ネットワークリクエストを確認し、ドキュメントも検索できます。
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ software-mansion-labs/ skills --skill radon-mcpインストール後、Claude Code で/radon-mcpを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/get-library-description.mdquery-documentation.mdreload-application.mdview-application-logs.mdview-component-tree.mdview-network-logs.mdview-network-request-details.mdview-screenshot.md詳細
Radon IDE MCP ツール
React Native/Expo アプリのライブ検査とデバッグに役立つ、Radon IDE の MCP ツールのベストプラクティスです。
使用するツールの関連リファレンスを確認してください。すべてのリファレンスは references/ にあります。
リファレンス
| ファイル | 確認するタイミング |
|---|---|
references/view-application-logs.md | あらゆる問題のデバッグ時。ビルド、ネイティブ、ランタイムのログを確認するには、まず view_application_logs を呼び出します |
references/view-screenshot.md | アプリの現在のビジュアル状態の確認、ビジュアルバグの修正、UI の変更時 |
references/view-component-tree.md | マウント済みコンポーネントの構造の把握、レイアウト問題の解決、コンテキストプロバイダーの検索時 |
references/view-network-logs.md | ネットワークリクエストの確認時。アプリへの送受信を含む、すべての HTTP 通信をページ分割したリストです |
references/view-network-request-details.md | 特定のネットワークリクエストのヘッダー、本文、メタデータを詳しく確認するとき |
references/reload-application.md | アプリの再読み込み時。JS の再読み込み、プロセスの再起動、完全な再ビルドのいずれかを選択します |
references/query-documentation.md | 厳選されたナレッジベースから React Native/Expo API のドキュメントを検索するとき |
references/get-library-description.md | npm ライブラリの機能と、タスクに適しているかどうかを評価するとき |
コメント
Markdown 対応