スキル next-cache-components-optimizer
📦

next-cache-components-optimizer

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド📁 ファイルシステムへのアクセス🔑 環境変数🌐 ネットワークアクセス

Optimize Next.js Cache Component Navigation

Next.js routes can delay their static shell while dynamic data resolves. This skill builds verified instant-navigation tests and guides Cache Components refactors that preserve behavior.

対応: Claude Codex Code(CC)
🥉 77 ブロンズ

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

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

エージェントリクエスト
Review the Skillstore skill "next-cache-components-optimizer" from https://skillstore.io/skills/vercel-next-cache-components-optimizer.md and its manifest at https://skillstore.io/api/skills/vercel-next-cache-components-optimizer/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

Markdown詳細 GET /skills/vercel-next-cache-components-optimizer.md 署名済み manifest GET /api/skills/vercel-next-cache-components-optimizer/manifest 署名済み lockfile GET /api/skills/vercel-next-cache-components-optimizer/lockfile

テストする

「next-cache-components-optimizer」を使用しています。 Optimize the dashboard route for client-side navigation.

期待される結果:

  • The dashboard shell waited for a top-level session read.
  • The layout and existing chart skeleton now commit immediately.
  • The locked navigation test fails without the refactor and passes with it.

「next-cache-components-optimizer」を使用しています。 Add regression coverage for the initial product-page load.

期待される結果:

The new initial-load check verifies that the product header is served in the static shell while deferred inventory remains gated.

「next-cache-components-optimizer」を使用しています。 Review whether the search route can become fully instant.

期待される結果:

The shared shell can commit instantly, but query-specific results require targeted full prefetching or continued streaming.

セキュリティ監査

安全
v1 • 2026/8/20 バージョン別レポートを開く

All 158 static alerts are false positives caused by Markdown formatting, fixed relative paths, non-secret deployment flags, and official documentation links. No prompt injection, secret collection, arbitrary process execution, path traversal, or data-exfiltration intent was found. The skill provides legitimate Next.js optimization guidance and explicitly keeps its testing API out of production.

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

リスク要因

⚙️ 外部コマンド (50)
reference/patterns.md:349 reference/patterns.md:341-343 SKILL.md:20 SKILL.md:23 SKILL.md:24 SKILL.md:40 SKILL.md:41 SKILL.md:43 SKILL.md:44 SKILL.md:49 SKILL.md:61 SKILL.md:63 SKILL.md:69 SKILL.md:77 SKILL.md:78 SKILL.md:79 SKILL.md:81 SKILL.md:112 SKILL.md:113 SKILL.md:117-130 SKILL.md:130-140 SKILL.md:140 SKILL.md:142 SKILL.md:143 SKILL.md:145-146 SKILL.md:146-148 SKILL.md:148-149 SKILL.md:149-151 SKILL.md:151-153 SKILL.md:153-156 SKILL.md:156-169 SKILL.md:169-172 SKILL.md:172-175 SKILL.md:175 SKILL.md:180-183 SKILL.md:183-184 SKILL.md:184-186 SKILL.md:186-188 SKILL.md:188-191 SKILL.md:191-192 SKILL.md:192-195 SKILL.md:195-204 SKILL.md:204-207 SKILL.md:207-209 SKILL.md:209-212 SKILL.md:212-213 SKILL.md:213-214 SKILL.md:214-218 SKILL.md:218-219 SKILL.md:219-225
📁 ファイルシステムへのアクセス (4)
reference/real-app-patterns.md:79 reference/red-test-robustness.md:142 test-template.md:13 test-template.md:28
🔑 環境変数 (14)
rig-template.md:40 rig-template.md:41 rig-template.md:98 rig-template.md:103 rig-template.md:40 rig-template.md:41 rig-template.md:98 rig-template.md:103 SKILL.md:199 SKILL.md:200 SKILL.md:202 SKILL.md:199 SKILL.md:200 SKILL.md:202
🌐 ネットワークアクセス (7)
SKILL.md:41 SKILL.md:156 SKILL.md:301 SKILL.md:348 SKILL.md:349 SKILL.md:375 SKILL.md:472
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex
このレポートを共有・引用

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

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

レポートリンクをコピー

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

Markdownバッジ

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

HTMLバッジ

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

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/vercel-next-cache-components-optimizer.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-cache-components-optimizer security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-next-cache-components-optimizer/audits/1

BibTeX形式の引用

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

Skillstore スコア

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

作成できるもの

Fix a blocking route

Identify why a route shell waits for dynamic data, then move blocking work behind focused Suspense boundaries.

Build a reliable test rig

Configure a production-like environment that exposes the testing API only outside production and verifies the deployed revision.

Prevent navigation regressions

Add hard-navigation and soft-navigation checks that prove meaningful shell content commits before deferred data.

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

Check one route 
Review the route [ROUTE]. Confirm the Next.js and Cache Components prerequisites, then explain what prevents its static shell from committing instantly.
Create an instant test 
Create a Playwright instant-navigation test for [ROUTE] using [NAVIGATION TYPE]. Use an existing static shell marker and verify the test cannot pass vacuously.
Optimize and verify 
Optimize [ROUTE] for hard and soft navigation. Reuse existing loading interfaces, preserve behavior, and verify failure without the fix and success with it.
Establish the complete loop 
Discover this repository build and test rig, document its safeguards, optimize [ROUTES] individually, and provide linked evidence for baseline, differential, parity, and final tests.

ベストプラクティス

  • Verify the testing API is enabled for measured builds and disabled for production.
  • Choose a stable synchronous shell marker that is visible to the actual test account.
  • Keep a differential result that fails without the fix and passes with it.

回避

  • Do not measure instant navigation with development mode, custom timers, or retries.
  • Do not place one coarse Suspense boundary around the entire route.
  • Do not ship baseline scaffolding or duplicate existing loading interfaces.

よくある質問

Which Next.js versions are supported?
The workflow requires Next.js 16.3 or newer with Cache Components enabled.
Can the tests run against next dev?
No. Development mode lacks the production prefetch and locking behavior required for a trustworthy result.
Does the skill support both navigation types?
Yes. It covers initial page loads and client-side Link navigation with separate test-driving methods.
Will it create new loading skeletons?
It first reuses route loading files, colocated skeletons, or existing Suspense fallbacks.
How does it avoid a false passing test?
It establishes an unlocked baseline and can verify that deferred content remains gated while the static shell appears.
Can it optimize every dynamic route completely?
No. Some URL-specific content must stream or use targeted full prefetching with an explicit cost tradeoff.

開発者情報

作成者

vercel

ライセンス

MIT

Skillstore リビジョン

r1

バージョンに関する注意

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

リポジトリ

https://github.com/vercel/next.js/tree/988a6ab72735d5c61f906d6ea0484930aa496713/skills/next-cache-components-optimizer

参照

bdb71a4bc34515f37772ae85fd5501f9c2ff33b0

メンテナンスの新しさ

2026/8/20

利用状況

0 ダウンロード · 1 閲覧

ファイル構成

📁 reference/

📄 patterns.md

📄 real-app-patterns.md

📄 red-test-robustness.md

📄 rig-template.md

📄 SKILL.md

📄 test-template.md

vercel のその他のスキル

すべて表示

関連スキル

すべて表示