📦
vercel-react-view-transitions
82React View Transitions を実装する
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
コーディング＆開発 表示
スキル next-upgrade
📦
next-upgrade
コンテンツリビジョン r1 中リスク ⚙️ 外部コマンド🌐 ネットワークアクセス
Next.jsプロジェクトを安全にアップグレード
Next.jsのアップグレードには、破壊的変更、codemod、依存関係の調整が伴うことがあります。このスキルは、Claude、Codex、またはClaude Codeに対して、公式の移行手順と検証チェックを案内します。
対応: Claude Codex Code(CC)
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
エージェントリクエスト
Review the Skillstore skill "next-upgrade" from https://skillstore.io/skills/vercel-labs-next-upgrade.md and its manifest at https://skillstore.io/api/skills/vercel-labs-next-upgrade/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「next-upgrade」を使用しています。 このNext.js 13アプリケーションを最新のサポート対象バージョンにアップグレードしてください。
期待される結果:
このスキルは、現在の依存関係のバージョンを報告し、段階的な経路を提案し、必要なcodemodを一覧化し、手動移行タスクを強調します。
「next-upgrade」を使用しています。 アップグレードコマンドを実行する前に、このリポジトリをレビューしてください。
期待される結果:
このスキルは、読み取り専用のアップグレード計画、依存関係への影響の要約、およびパッケージインストールとプロジェクトスクリプトに関する承認ポイントを提供します。
「next-upgrade」を使用しています。 移行変更後、アプリの準備が整っているか確認してください。
期待される結果:
このスキルは、ビルドと開発チェックの結果、残っているエラー、リリース準備のために推奨される次の修正を要約します。
セキュリティ監査
中リスクv6 • 2026/7/9 バージョン別レポートを開く
The skill is a normal Next.js upgrade workflow and contains no prompt injection or data-exfiltration language. The main risk is that it instructs agents to run unpinned npm and npx commands plus project scripts, which can execute third-party or repository-controlled code. The hardcoded URLs point to official Next.js documentation and are not suspicious.
1
スキャンされたファイル
50
解析済み行数
4
レビュー項目
0
誤検知を無視
確認済みのセキュリティ上の懸念 (1)
中
Unpinned Package Execution in Upgrade Workflow
The workflow uses @latest package invocations for codemods and dependency upgrades. This can execute newly published package code or install unexpected major versions without pinning.
The referenced lines explicitly use npm or npx with @latest. The risk is supply-chain exposure from executing or installing unpinned registry packages.
機能レビュー項目 (4)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
中
Ruby/shell backtick execution
```bash
The fenced command shows npx @next/codemod@latest, which downloads and executes a package from npm. This is legitimate migration tooling, but it can run third-party code and needs user approval.
中
Ruby/shell backtick execution
```bash
The fenced command tells the agent to run npm install next@latest react@latest react-dom@latest. Package installation can execute lifecycle scripts and changes project dependencies.
中
Ruby/shell backtick execution
```bash
The fenced command instructs npm install for @types packages with @latest. It changes dependencies and should be gated by user confirmation.
中
Ruby/shell backtick execution
- Run `npm run build` to check for build errors
The instruction asks the agent to run npm run build and npm run dev. Those execute project-defined scripts, which is useful for validation but can run arbitrary repository code.
リスク要因
監査者: codex 監査履歴を表示 →
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/vercel-labs-next-upgrade/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/vercel-labs-next-upgrade?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/vercel-labs-next-upgrade?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-next-upgrade/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/vercel-labs-next-upgrade.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-labs. (2026). next-upgrade security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-labs-next-upgrade/audits/6BibTeX形式の引用
@techreport{vercel-labs-vercel-labs-next-upgrade-2026,
author = {vercel-labs},
title = {next-upgrade security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/vercel-labs-next-upgrade/audits/6},
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-upgrade security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "vercel-labs"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/vercel-labs-next-upgrade/audits/6"
identifiers:
- type: other
value: "skillstore:vercel-labs-next-upgrade:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高 55
アーキテクチャ
85
保守性
87
コンテンツ
69
コミュニティ
83
仕様準拠
作成できるもの
バージョンアップグレードを計画する
現在のNext.jsバージョンから要求されたターゲットバージョンまでの明確な移行経路を作成します。
公式Codemodを適用する
関連するcodemodを選択し、承認を得て実行し、生成されたソース変更を確認します。
リリース準備状況を検証する
アップグレード後のチェックを実行し、残っているビルド、型、またはランタイムの問題を要約します。
これらのプロンプトを試す
アップグレードの必要性を調査する
next-upgradeスキルを使用してこのリポジトリを調査し、現在のNext.js、React、React DOMのバージョンを特定してください。
メジャーアップグレードを計画する
next-upgradeスキルを使用して、最新の安定版Next.jsリリースへの段階的なアップグレード経路を計画してください。まだファイルは変更しないでください。
レビュー付きでCodemodを実行する
next-upgradeスキルを使用して適用可能なcodemodを見つけ、コマンドを実行する前に確認を取り、その後生成されたすべての変更を要約してください。
複雑な移行を完了する
next-upgradeスキルを使用してこのアプリをアップグレードし、手動対応が必要な破壊的変更に対処し、依存関係を更新し、検証結果を報告してください。
ベストプラクティス
- パッケージマネージャーのコマンドを許可する前に、提案されたアップグレード経路を確認します。
- codemodや依存関係の更新を実行する前に、ローカル作業をコミットまたはstashします。
- ビルドが成功した後にアプリケーションテストを実行します。
回避
- 移行計画を読まずに、バージョン固定されていないパッケージコマンドを実行すること。
- codemodによって生成されたソース変更の手動レビューを省略すること。
- ビルド成功を完全なリリース検証として扱うこと。
よくある質問
このスキルはすべてのNext.jsバージョンを直接アップグレードしますか？
いいえ。公式ガイドで必要とされる場合、メジャーバージョンのジャンプには段階的なアップグレードを推奨します。
コマンドは自動的に実行されますか？
npm、npx、build、devコマンドを提案する場合があります。ユーザーは実行前にそれらのコマンドを承認する必要があります。
どのドキュメントを使用しますか？
nextjs.orgの公式Next.js codemodおよびバージョン別アップグレードドキュメントを使用します。
TypeScriptプロジェクトに対応できますか？
はい。TypeScript型が存在する場合、React型パッケージ更新の手順も含まれます。
すべての破壊的変更を修正しますか？
いいえ。codemodと一般的な手動変更を案内しますが、カスタムアプリケーションの挙動は引き続きレビューが必要です。
モノレポでも役立ちますか？
はい。ただし、ユーザーはアプリのパスを指定し、パッケージマネージャーとワークスペース構成を確認する必要があります。
開発者情報
作成者
vercel-labsライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
メンテナンスの新しさ
2026/7/20
利用状況
6 ダウンロード · 145 閲覧
ファイル構成
📄 SKILL.md
vercel-labs のその他のスキル
すべて表示📦
skill-creator
81再利用可能な AI スキルを作成する
チームには、再利用可能なエージェントの知識とワークフローを一貫した方法でパッケージ化する仕組みが必要です。このスキルは、Claude、Codex、Claude Code をスキルの設計、作成、検証、パッケージ化へ導きます。
コーディング＆開発 表示
📦
vercel-react-best-practices
80React と Next.js のパフォーマンス最適化
React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。
コーディング＆開発 表示
📦
vercel-composition-patterns
80Reactのコンポジションパターンを適用する
boolean props が多い React コンポーネントは、保守やレビューが難しくなります。この skill は、compound components、明示的な variants、provider ベースの state に関する明確なパターンをエージェントに提供します。
コーディング＆開発 表示
📦
vercel-react-native-skills
80React Native アプリを最適化
React Native アプリでは、低速なリスト、ぎこちないアニメーション、プラットフォーム特有のミスが発生することがあります。このスキルは、パフォーマンスの高い Expo および React Native 開発のための簡潔なルールを Codex、Claude、Claude Code に提供します。
コーディング＆開発 表示
📦
next-best-practices
78Next.js のベストプラクティスを適用する
Next.js プロジェクトは、境界の不明確さ、遅いデータ取得、デプロイのミスによって失敗することがよくあります。このスキルは、Claude、Codex、Claude Code に、最新の App Router 作業に集中したルールを提供します。
コーディング＆開発 表示
関連スキル
すべて表示📦
senior-fullstack
82シニアのガイダンスでフルスタックアプリを構築
作成者 alirezarezvani
フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。
コーディング＆開発 表示
📦
senior-frontend
81本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。
コーディング＆開発 表示
📦
nextjs-optimization
80Next.js パフォーマンスの最適化
作成者 Atman36
Next.js アプリケーションは、大きなバンドル、弱いキャッシュ、最適化されていないメディアによって遅くなることがあります。このスキルは、Claude、Codex、Claude Code が本番アプリ向けに的を絞ったパフォーマンス改善を行えるよう支援します。
コーディング＆開発 表示
📦
i18n-automation
80Webアプリのローカライゼーションを自動化
作成者 DNYoussef
多言語対応を追加すると、文字列、ルーティング、メタデータ、ロケールファイルがコードベース全体に散在しがちです。このスキルは、翻訳、検証、ドキュメントを含むi18nセットアップを計画し、実装します。
コーディング＆開発 表示
📦
react-best-practices
79ReactとNext.jsコードを最適化する
作成者 sickn33
ReactとNext.jsアプリは、遅いデータフェッチ、大きなバンドル、回避可能な再レンダリングに悩まされることがよくあります。このスキルは、パフォーマンス重視のコード生成とレビューのための具体的なルールと例をエージェントに提供します。
コーディング＆開発 表示
📦
react-modernization
79Hooks と React 18 で React アプリをモダナイズする
作成者 sickn33
レガシーな React コードは、アップグレード、テスト、パフォーマンス改善を遅らせることがあります。このスキルは、クラスから hooks への移行、React 18 の採用、TypeScript への変換、codemod 計画を支援します。
コーディング＆開発 表示