المهارات next-cache-components-optimizer

📦

next-cache-components-optimizer

Name: next-cache-components-optimizer
Author: vercel

مراجعة المحتوى 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 برونزي

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل

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.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل 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 • ٢٠‏/٨‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

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.

الملفات التي تم فحصها

1,356

الأسطر التي تم تحليلها

عناصر المراجعة

تم تجاهل الإيجابيات الكاذبة

عوامل الخطر

⚙️ الأوامر الخارجية (50)

📁 الوصول إلى نظام الملفات (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 الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار

نسخ رابط التقرير

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

سبب هذا التقييم موثوقية الأدلة: متوسط

الهندسة المعمارية

قابلية الصيانة

المحتوى

المجتمع

الامتثال للمواصفات

ما الذي يمكنك بناؤه

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

تنبيه الإصدار

لم يعلن المؤلف عن إصدار.

المستودع

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

مرجع

bdb71a4bc34515f37772ae85fd5501f9c2ff33b0

حداثة الصيانة

٢٠‏/٨‏/٢٠٢٦

الاستخدام

0 تنزيلات · 1 مشاهدات

بنية الملفات

📁 reference/

📄 patterns.md

📄 real-app-patterns.md

📄 red-test-robustness.md

📄 rig-template.md

📄 SKILL.md

📄 test-template.md

next-cache-components-optimizer

التثبيت باستخدام Agent لدي

موارد مهيّأة لـ Agents

اختبرها

التدقيق الأمني

عوامل الخطر

نسخ رابط التقرير

شارة Markdown

شارة HTML

بطاقة قابلة للتضمين

اقتباس APA

اقتباس BibTeX

CITATION.cff

تقييم Skillstore

ما الذي يمكنك بناؤه

Fix a blocking route

Build a reliable test rig

Prevent navigation regressions

جرّب هذه الموجّهات

أفضل الممارسات

تجنب

الأسئلة المتكررة

تفاصيل المطور

المزيد من vercel

ai-sdk

turborepo

ai-elements

next-cache-components-adoption

senior-frontend

nextjs-architecture

vercel-react-best-practices

playwright-testing

webapp-testing

testing

next-cache-components-optimizer

التثبيت باستخدام Agent لدي

موارد مهيّأة لـ Agents

اختبرها

التدقيق الأمني

عوامل الخطر

نسخ رابط التقرير

شارة Markdown

شارة HTML

بطاقة قابلة للتضمين

اقتباس APA

اقتباس BibTeX

CITATION.cff

تقييم Skillstore

ما الذي يمكنك بناؤه

Fix a blocking route

Build a reliable test rig

Prevent navigation regressions

جرّب هذه الموجّهات

أفضل الممارسات

تجنب

الأسئلة المتكررة

تفاصيل المطور

المزيد من vercel

ai-sdk

turborepo

ai-elements

next-cache-components-adoption

مهارات ذات صلة

senior-frontend

nextjs-architecture

vercel-react-best-practices

playwright-testing

webapp-testing

testing