スキル next-dev-loop

📦

next-dev-loop

Name: next-dev-loop
Author: vercel

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

Verify Next.js Changes in a Running App

Successful builds do not prove that a Next.js change works in the browser. This skill cross-checks framework diagnostics, visible behavior, and React state during development.

対応: Claude Codex Code(CC)

📊 69 十分

Maintain this Skill? Claim it 📊 69 十分

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

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

エージェントリクエスト

Review the Skillstore skill "next-dev-loop" from https://skillstore.io/skills/vercel-next-dev-loop.md and its manifest at https://skillstore.io/api/skills/vercel-next-dev-loop/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

Markdown詳細 GET /skills/vercel-next-dev-loop.md 署名済み manifest GET /api/skills/vercel-next-dev-loop/manifest 署名済み lockfile GET /api/skills/vercel-next-dev-loop/lockfile

テストする

「next-dev-loop」を使用しています。 Verify a successful save after changing the profile page.

期待される結果:

Compilation: no issues reported.
Runtime: no framework-reported errors after navigation.
Browser: saving displayed the updated profile value.
React: component state matched the visible value.

「next-dev-loop」を使用しています。 Check why a route appears blank after an edit.

期待される結果:

Framework diagnostics reported no compilation issues.
The browser session returned an empty snapshot.
Reopening the same session restored the expected page.
The observed failure came from stale browser state, not the edited route.

「next-dev-loop」を使用しています。 Verify the app when the required browser CLI is missing.

期待される結果:

Verification stopped because agent-browser was unavailable.
The workflow requires agent-browser 0.31.1 or later.
Runtime behavior remains unverified until the required browser tooling is available.

セキュリティ監査

低リスク

v1 • 2026/11/6 バージョン別レポートを開く

Of 74 static findings, 72 are false positives involving Markdown, ordinary diagnostics, documentation links, or local development access. Two findings confirm instructions to install an unpinned global package without an explicit approval step; a separate concern is retained authentication state without cleanup guidance. No evidence found of credential exfiltration, malicious reconnaissance, or audit-directed prompt injection.

スキャンされたファイル

213

解析済み行数

レビュー項目

誤検知を無視

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

低

SKILL.md:71-74 SKILL.md:195-198

Persistent Login State Lacks Cleanup Guidance

The skill says restoration loads saved cookies/localStorage and that close saves cookies and storage for later loops. No consent, retention limit, or deletion guidance accompanies authentication persistence, increasing exposure on shared or compromised development machines.

The instructions explicitly require restoring and saving authentication state. The file provides no cleanup safeguards, although actual exposure depends on local storage protection.

機能レビュー項目 (2)

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

中

SKILL.md:47

Ruby/shell backtick execution

- Install or upgrade `agent-browser`: `npm i -g agent-browser@latest`.

The installation command selects an unpinned latest package for global installation. The next line directs installation without approval, risking lifecycle-script execution and unexpected global changes.

中

SKILL.md:48

Ruby/shell backtick execution

If the CLI isn't on `PATH`, install it before continuing — preflight

The instruction says to install the CLI before continuing when it is absent from PATH. It authorizes the preceding unpinned global installation without an explicit approval step.

リスク要因

⚙️ 外部コマンド (50)

🌐 ネットワークアクセス (3)

SKILL.md:44 SKILL.md:46 SKILL.md:93

監査者: codex

このレポートを共有・引用

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

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/vercel-next-dev-loop/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/vercel-next-dev-loop/security.svg)](https://skillstore.io/skills/vercel-next-dev-loop?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/vercel-next-dev-loop?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-next-dev-loop/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/vercel-next-dev-loop.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形式の引用

vercel. (2026). next-dev-loop security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-next-dev-loop/audits/1

BibTeX形式の引用

@techreport{vercel-vercel-next-dev-loop-2026,
  author = {vercel},
  title = {next-dev-loop security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/vercel-next-dev-loop/audits/1},
  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: "next-dev-loop security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "vercel"
date-released: "2026-11-06"
url: "https://skillstore.io/skills/vercel-next-dev-loop/audits/1"
identifiers:
  - type: other
    value: "skillstore:vercel-next-dev-loop:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 中

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

Validate Interface Changes

Check that a changed page compiles, renders without errors, and responds correctly to user interaction.

Investigate React Regressions

Compare visible behavior with component state and render counts to investigate unexpected updates or suspense behavior.

Verify Reported Browser Failures

Reproduce a reported navigation problem and distinguish application errors from stale or misdirected browser sessions.

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

Check Development Prerequisites

Check whether my running Next.js app meets this skill's prerequisites. Report missing requirements and ask before installing or upgrading anything.

Verify a Page Edit

Verify my latest edit to [route]. Check compilation, runtime errors, and visible behavior in the running app.

Test an Authenticated Flow

Verify [interaction] on [route] using a dedicated test account. Keep the browser session worktree-scoped and confirm authentication-state retention with me.

Diagnose a React Regression

Investigate [regression] on [route] using framework diagnostics and React introspection. Reconcile browser state, inspect render behavior, and verify the fix.

ベストプラクティス

Confirm the actual development port and required tool versions before testing.
Use a dedicated test account and explicitly agree on authentication-state retention.
Preserve active development output and use separate ports for production tests.

回避

Treating a successful build or type check as proof of correct browser behavior.
Deleting active development output or running production tests against the development server's port.
Installing unpinned global tooling without review or keeping sensitive login state on shared machines.

よくある質問

Which tools can use this skill?

The skill lists Claude, Codex, and Claude Code as supported tools.

Which Next.js setup is required?

The instructions require Next.js 16.3 or later, Turbopack, and a running development server.

Does the skill start the development server?

A running development server is a prerequisite. The instructions leave it running after verification.

Why does it use both MCP and a browser?

Framework diagnostics expose compilation and runtime context. The browser verifies visible behavior, interactions, and React state.

Does it preserve login state?

Yes. Worktree-scoped sessions restore saved cookies and local storage, then save state when closed.

Does this replace production testing?

No. The workflow checks development behavior and recommends separate output and ports when running production tests.

開発者情報

作成者

vercel

ライセンス

不明

Skillstore リビジョン

バージョンに関する注意

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

リポジトリ

https://github.com/vercel/next.js/tree/13ac36ea9451f35c5d39306ce6902d70dc3c93d9/skills/next-dev-loop

参照

c993c6abcbffafea2683d7748b53b3dfaf438415

メンテナンスの新しさ

2026/11/9

利用状況

0 ダウンロード · 0 閲覧

ファイル構成

Webアプリのローカライゼーションを自動化

作成者 DNYoussef

多言語対応を追加すると、文字列、ルーティング、メタデータ、ロケールファイルがコードベース全体に散在しがちです。このスキルは、翻訳、検証、ドキュメントを含むi18nセットアップを計画し、実装します。

コーディング＆開発表示

next-dev-loop

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

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

テストする

セキュリティ監査

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

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

Validate Interface Changes

Investigate React Regressions

Verify Reported Browser Failures

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

ベストプラクティス

回避

よくある質問

開発者情報

vercel のその他のスキル

eve

next-cache-components-optimizer

ai-sdk

turborepo

vercel-cli

ai-elements

関連スキル

senior-fullstack

vercel-react-view-transitions

senior-frontend

nextjs-optimization

vercel-react-best-practices

i18n-automation