スキル nextjs-devtools
📦

nextjs-devtools

コンテンツリビジョン r2 高リスク ⚙️ 外部コマンド🌐 ネットワークアクセス

MCP DevToolsでNext.jsアプリを調査

Next.jsプロジェクトでは、ルート、コンポーネント、ビルドの詳細が多数のファイルに分散して隠れていることがあります。このスキルはMCP経由でNext.js DevToolsに問い合わせ、その情報を要約します。

対応: Claude Codex Code(CC)
⚠️ 38 不十分

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト
Review the Skillstore skill "nextjs-devtools" from https://skillstore.io/skills/asmayaseen-nextjs-devtools.md and its manifest at https://skillstore.io/api/skills/asmayaseen-nextjs-devtools/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/asmayaseen-nextjs-devtools.md 署名済み manifest GET /api/skills/asmayaseen-nextjs-devtools/manifest 署名済み lockfile GET /api/skills/asmayaseen-nextjs-devtools/lockfile

テストする

「nextjs-devtools」を使用しています。 アプリのルートを一覧表示してください。

期待される結果:

ページルート、APIルート、動的ルートに関するメモを含む、グループ化されたルート概要。

「nextjs-devtools」を使用しています。 本番ビルドが開発環境と異なるのはなぜですか？

期待される結果:

Next.js設定、設定差分、フォローアップ確認事項を強調した、ビルド中心のチェックリスト。

「nextjs-devtools」を使用しています。 アプリで使用されているコンポーネントを表示してください。

期待される結果:

MCPサーバー出力から得られる名前と推定場所を含むコンポーネント一覧の概要。

セキュリティ監査

高リスク
v9 • 2026/7/23 バージョン別レポートを開く

Most static findings are false positives caused by Markdown formatting, request bookkeeping, local URLs, or a type annotation. The client still launches a user-supplied command through a shell, supports outbound HTTP, and repeatedly invokes an unpinned npm package.

3
スキャンされたファイル
602
解析済み行数
6
レビュー項目
0
誤検知を無視

確認済みのセキュリティ上の懸念 (1)

高
scripts/start-server.sh:8SKILL.md:20-22SKILL.md:41-43SKILL.md:56-58SKILL.md:69-71SKILL.md:91-93
Unpinned npm Package Execution
The startup script and documented workflows execute next-devtools-mcp through @latest. A changed or compromised release would run with the user's permissions.
Every startup path names the mutable @latest package tag. npx downloads and executes the resolved package when it is not already cached.
機能レビュー項目 (6)

これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。

高
scripts/mcp-client.py:204
Python subprocess.Popen
self._process = subprocess.Popen(
The client passes the caller-controlled --stdio string to subprocess.Popen with shell=True. This permits arbitrary shell command execution with the user's permissions.
低
scripts/mcp-client.py:146
HTTP client library
def request(self, method: str, params: Optional[dict] = None) -> dict:
HTTPTransport.request sends JSON-RPC data and caller-provided headers to the selected URL. This is intentional outbound network access with possible sensitive-header exposure.
低
scripts/mcp-client.py:314
HTTP client library
result = self.transport.request("tools/list")
Listing tools calls the selected transport, which may be HTTPTransport. In HTTP mode this sends a tools/list request to a caller-selected network endpoint.
低
scripts/mcp-client.py:323
HTTP client library
result = self.transport.request("tools/call", params)
Tool invocation calls the selected transport with caller-provided arguments. In HTTP mode this sends data and requests an operation from a caller-selected endpoint.
低
scripts/mcp-client.py:328
HTTP client library
result = self.transport.request("resources/list")
Listing resources uses the selected transport and can issue an HTTP request. The destination is provided through the command line.
低
scripts/mcp-client.py:333
HTTP client library
result = self.transport.request("prompts/list")
Listing prompts uses the selected transport and can issue an HTTP request. The destination is provided through the command line.

リスク要因

⚙️ 外部コマンド (25)
scripts/mcp-client.py:191 scripts/mcp-client.py:204 scripts/mcp-client.py:348 scripts/mcp-client.py:371 scripts/mcp-client.py:377-379 scripts/start-server.sh:1 SKILL.md:15-23 SKILL.md:23-29 SKILL.md:29-30 SKILL.md:30-31 SKILL.md:31-32 SKILL.md:32-33 SKILL.md:33-39 SKILL.md:39-50 SKILL.md:50-54 SKILL.md:54-64 SKILL.md:64-68 SKILL.md:68-72 SKILL.md:72-80 SKILL.md:80-84 SKILL.md:84-88 SKILL.md:88-90 SKILL.md:90-94 SKILL.md:94-100 SKILL.md:100-102
🌐 ネットワークアクセス (12)
scripts/mcp-client.py:146 scripts/mcp-client.py:271 scripts/mcp-client.py:314 scripts/mcp-client.py:323 scripts/mcp-client.py:328 scripts/mcp-client.py:333 scripts/mcp-client.py:33 scripts/mcp-client.py:10 scripts/mcp-client.py:16 scripts/mcp-client.py:20 scripts/mcp-client.py:23 scripts/start-server.sh:10
監査者: codex 監査履歴を表示 →
このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く
セキュリティ評価

レポートリンクをコピー

https://skillstore.io/skills/asmayaseen-nextjs-devtools/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/asmayaseen-nextjs-devtools/security.svg)](https://skillstore.io/skills/asmayaseen-nextjs-devtools?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/asmayaseen-nextjs-devtools?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/asmayaseen-nextjs-devtools/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/asmayaseen-nextjs-devtools.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
学術引用 (APA · BibTeX · CFF)

APA形式の引用

Asmayaseen. (2026). nextjs-devtools security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/asmayaseen-nextjs-devtools/audits/9

BibTeX形式の引用

@techreport{asmayaseen-asmayaseen-nextjs-devtools-2026, author = {Asmayaseen}, title = {nextjs-devtools security audit report (audit version 9)}, institution = {Skillstore}, year = {2026}, number = {9}, url = {https://skillstore.io/skills/asmayaseen-nextjs-devtools/audits/9}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "nextjs-devtools security audit report (audit version 9)" version: "unspecified" type: report authors: - name: "Asmayaseen" date-released: "2026-07-23" url: "https://skillstore.io/skills/asmayaseen-nextjs-devtools/audits/9" identifiers: - type: other value: "skillstore:asmayaseen-nextjs-devtools:audit:9" description: "Skillstore immutable audit report identifier"

バリアントを比較

インストール可能なバリアント 2 件

各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。

このバリアントが首位の理由

Skillstore での利用が多い
Asmayaseen 推奨 現在

asmayaseen-nextjs-devtools

Skillstore スコア 38
証拠の信頼度 中
Skillstore 利用状況 44
更新済み

2026-09-09

92Bilal26

92bilal26-nextjs-devtools

Skillstore スコア 38
証拠の信頼度 中
Skillstore 利用状況 9
更新済み

2026-09-09

Skillstore スコア

このスコアの理由 証拠の信頼度: 中
45
アーキテクチャ
85
保守性
87
コンテンツ
70
コミュニティ
91
仕様準拠

作成できるもの

ルートカバレッジを監査

ナビゲーションを変更する前に、アプリのルートを一覧表示し、特定のルートを調査します。

ビルド設定をデバッグ

報告されたビルド設定を、期待されるNext.jsプロジェクト設定と比較します。

コンポーネント構造を把握

オンボーディングやリファクタリング中に、コンポーネント検出の出力を確認します。

これらのプロンプトを試す

ルートを一覧表示 
nextjs-devtoolsを使用して、このNext.jsプロジェクトのすべてのルートを一覧表示してください。動的ルートとAPIルートを別々に要約してください。
1つのルートを調査 
nextjs-devtoolsを使用して、ルート/api/authを調査してください。そのパラメーター、メタデータ、関連ファイルを説明してください。
ビルド設定を確認 
nextjs-devtoolsを使用して、ビルド情報と設定を取得してください。デプロイやキャッシュに影響する可能性のある設定を特定してください。
アプリ構造をクロスチェック 
nextjs-devtoolsを使用して、ルート、コンポーネント、ビルド情報、設定を一覧表示してください。移行前に簡潔なリスクレビューを作成してください。

ベストプラクティス

  • 検出が正しいコンテキストを使用するように、Next.jsプロジェクトのルートからツールを実行してください。
  • 自動コマンド実行の前に、MCPサーバーパッケージを固定して確認してください。
  • リモートサーバーとヘッダーを明示的に信頼している場合を除き、ローカルのMCP URLを使用してください。

回避

  • このスキルをNext.js以外のReactプロジェクトに使用しないでください。
  • MCPサーバーが信頼できる場合を除き、ヘッダーやツールパラメーターにシークレットを渡さないでください。
  • 本番環境の自動化で@latestパッケージ実行に依存しないでください。

よくある質問

これはアプリケーションを編集しますか？
いいえ。文書化されたツールは、ルート、コンポーネント、ビルド情報、設定を調査します。変更は別途行う必要があります。
実行中のMCPサーバーが必要ですか？
はい。startスクリプト、または互換性のあるHTTPまたはstdio MCPサーバーを使用してください。
Claude、Codex、Claude Codeで動作しますか？
はい。レポートにはClaude、Codex、Claude Codeのサポートが記載されています。
自動実行しても安全ですか？
確認を使用してください。同梱のクライアントは外部コマンドの実行とHTTPリクエストを行うことができます。
どのプロジェクトがサポートされていますか？
一般的なReactプロジェクトやNext.js以外のプロジェクトではなく、Next.jsアプリを対象としています。
ルートが見つからないのはなぜですか？
プロジェクトルートから実行し、Next.js DevTools MCPサーバーがアプリを調査できることを確認してください。

開発者情報

作成者

Asmayaseen

ライセンス

MIT

Skillstore リビジョン

r2

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/Asmayaseen/hackathon-2/tree/main/.claude/skills/nextjs-devtools

参照

89edfdc710d0846129dcee6a929477b04f08052c

メンテナンスの新しさ

2026/7/24

利用状況

8 ダウンロード · 201 閲覧

ファイル構成

📁 scripts/

📄 mcp-client.py

📄 start-server.sh

📄 SKILL.md

Asmayaseen のその他のスキル

すべて表示
📦

streaming-llm-responses

80

ストリーミングAIチャットインターフェイスを構築する

ユーザーが進捗、応答状態、UIの変化を確認できない場合、リアルタイムAIチャットは壊れているように感じられます。このスキルは、Claude、Codex、Claude Codeに、ストリーミングのライフサイクル、進捗イベント、クライアント効果、クライアントツールのパターンを提供します。

コーディング＆開発 表示

関連スキル

すべて表示