المهارات building-nextjs-apps
📦

building-nextjs-apps

مراجعة المحتوى r2 مخاطر عالية ⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة🔑 متغيرات البيئة

أنشئ تطبيقات Next.js 16 بشكل صحيح

غيّر Next.js 16 أنماط التوجيه، وparams، وملفات proxy، والتخزين المؤقت. تمنح هذه المهارة Claude وCodex وClaude Code إرشادات مركزة لتنفيذات صحيحة.

يدعم: Claude Codex Code(CC)
⚠️ 38 ضعيف

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

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

طلب الوكيل
Review the Skillstore skill "building-nextjs-apps" from https://skillstore.io/skills/asmayaseen-building-nextjs-apps.md and its manifest at https://skillstore.io/api/skills/asmayaseen-building-nextjs-apps/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

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

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

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

تفاصيل Markdown GET /skills/asmayaseen-building-nextjs-apps.md manifest موقَّع GET /api/skills/asmayaseen-building-nextjs-apps/manifest lockfile موقَّع GET /api/skills/asmayaseen-building-nextjs-apps/lockfile

اختبرها

جارٍ استخدام "building-nextjs-apps". طلب لبناء لوحة معلومات مع صفحات تفاصيل المهام.

النتيجة المتوقعة:

بنية Next.js 16 تتضمن مسارات ديناميكية غير متزامنة، وتحميل بيانات على الخادم، وإرشادات لمسارات API، وملاحظات حول تركيب الواجهة.

جارٍ استخدام "building-nextjs-apps". مشروع لا يزال يستخدم middleware.ts وparams متزامنة.

النتيجة المتوقعة:

خطة ترحيل تعيد تسمية middleware إلى proxy، وتنتظر خصائص المسارات، وتحدّث المعالجات والبيانات الوصفية المتأثرة.

جارٍ استخدام "building-nextjs-apps". نموذج يستخدم قيم datetime-local لمواعيد انتهاء المهام.

النتيجة المتوقعة:

نهج تخزين باستخدام UTC وعرض محلي يمنع انحراف المنطقة الزمنية بين المتصفح وAPI وطبقات قاعدة البيانات.

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

مخاطر عالية
v9 • ٢٣‏/٧‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

Most static findings are false positives caused by Markdown backticks, JavaScript template literals, documented fetch calls, configuration access, and benign route parameters. Two unpinned npx command ranges create medium supply-chain risk. Semantic review also found a high-severity example that returns an HttpOnly session token in a response header.

5
الملفات التي تم فحصها
1,309
الأسطر التي تم تحليلها
2
عناصر المراجعة
0
تم تجاهل الإيجابيات الكاذبة

مخاوف أمنية مؤكدة (1)

مرتفع
references/nextjs-16-patterns.md:509-512
HttpOnly session token exposed in response header
The proxy example copies the session cookie value into the x-user-token response header. This exposes the HttpOnly token to clients and defeats its confidentiality protection.
The example directly reads the session cookie and sets its value on a NextResponse header. The documented behavior is explicit and reproducible.
عناصر مراجعة القدرات (2)

هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.

متوسط
SKILL.md:72-79
Ruby/shell backtick execution
```bash
This range instructs users to run npx packages tagged @latest for project setup. The commands are legitimate, but unpinned registry execution creates a supply-chain risk.
متوسط
SKILL.md:257-259
Ruby/shell backtick execution
```bash
This range installs and runs next-devtools-mcp@latest through npx. Executing an unpinned third-party package and granting it MCP access creates a supply-chain risk.

عوامل الخطر

⚙️ الأوامر الخارجية (50)
references/datetime-patterns.md:81-83 references/nextjs-16-patterns.md:344-371 references/nextjs-16-patterns.md:425-449 references/nextjs-16-patterns.md:467-482 references/nextjs-16-patterns.md:536-556 references/nextjs-16-patterns.md:556-567 references/nextjs-16-patterns.md:608-615 SKILL.md:20-35 SKILL.md:35-39 SKILL.md:39-51 SKILL.md:51-55 SKILL.md:55-64 SKILL.md:64-72 SKILL.md:72-79 SKILL.md:79-83 SKILL.md:83-98 SKILL.md:98-102 SKILL.md:102-118 SKILL.md:118-122 SKILL.md:122-141 SKILL.md:141-145 SKILL.md:145-159 SKILL.md:159-163 SKILL.md:163-178 SKILL.md:178-186 SKILL.md:186-200 SKILL.md:200-204 SKILL.md:204-223 SKILL.md:223-229 SKILL.md:229-247 SKILL.md:247-257 SKILL.md:257-259 SKILL.md:259-261 SKILL.md:261-263 SKILL.md:263-273 SKILL.md:273-279 SKILL.md:279-280 SKILL.md:280-281 SKILL.md:281-282 SKILL.md:282-283 SKILL.md:283-284 SKILL.md:284-285 SKILL.md:285-291 SKILL.md:291-294 SKILL.md:294-298 SKILL.md:298-301 SKILL.md:301-305 SKILL.md:305-308 SKILL.md:308-312 SKILL.md:312-315
🌐 الوصول إلى الشبكة (13)
references/nextjs-16-patterns.md:341 references/nextjs-16-patterns.md:425 references/nextjs-16-patterns.md:466 references/nextjs-16-patterns.md:536 references/nextjs-16-patterns.md:556 references/nextjs-16-patterns.md:313 references/nextjs-16-patterns.md:395 references/nextjs-16-patterns.md:700 references/nextjs-16-patterns.md:704 SKILL.md:189 SKILL.md:209 SKILL.md:189 SKILL.md:319
🔑 متغيرات البيئة (14)
references/nextjs-16-patterns.md:313 references/nextjs-16-patterns.md:425 references/nextjs-16-patterns.md:467 references/nextjs-16-patterns.md:536 references/nextjs-16-patterns.md:556 references/nextjs-16-patterns.md:590 references/nextjs-16-patterns.md:608 references/nextjs-16-patterns.md:313 references/nextjs-16-patterns.md:425 references/nextjs-16-patterns.md:467 references/nextjs-16-patterns.md:536 references/nextjs-16-patterns.md:556 references/nextjs-16-patterns.md:590 references/nextjs-16-patterns.md:608
دقّقه: codex عرض سجل التدقيق →
شارك واستشهد بهذا التقرير

شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

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

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

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

شارة Markdown

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

شارة HTML

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

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

<iframe src="https://skillstore.io/embed/skills/asmayaseen-building-nextjs-apps.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). building-nextjs-apps security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/asmayaseen-building-nextjs-apps/audits/9

اقتباس BibTeX

@techreport{asmayaseen-asmayaseen-building-nextjs-apps-2026, author = {Asmayaseen}, title = {building-nextjs-apps security audit report (audit version 9)}, institution = {Skillstore}, year = {2026}, number = {9}, url = {https://skillstore.io/skills/asmayaseen-building-nextjs-apps/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: "building-nextjs-apps security audit report (audit version 9)" version: "unspecified" type: report authors: - name: "Asmayaseen" date-released: "2026-07-23" url: "https://skillstore.io/skills/asmayaseen-building-nextjs-apps/audits/9" identifiers: - type: other value: "skillstore:asmayaseen-building-nextjs-apps:audit:9" description: "Skillstore immutable audit report identifier"

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: متوسط
68
الهندسة المعمارية
85
قابلية الصيانة
87
المحتوى
73
المجتمع
91
الامتثال للمواصفات

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

إنشاء تطبيق Next.js 16 جديد

أنشئ مشروع App Router باستخدام TypeScript، مع أنماط مسارات صحيحة وبنية واجهة أمامية حديثة.

ترقية مشروع Next.js 15

حدّث خصائص المسارات غير المتزامنة، وملفات proxy، وإعدادات Turbopack، وخيارات التخزين المؤقت، واستخدام الصور.

تحسين جودة واجهة المنتج

طبّق إرشادات مميزة للطباعة، والتخطيط، والألوان، والحركة على واجهة Next.js.

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

بدء تطبيق أساسي 
أنشئ مشروع Next.js 16 App Router بسيطًا باستخدام TypeScript. ضمّن صفحة رئيسية، وتخطيطًا، ومسارًا ديناميكيًا واحدًا.
إصلاح خصائص المسارات 
راجع صفحة Next.js هذه وحدّث params وsearchParams من أجل Next.js 16. اشرح بإيجاز كل تغيير مطلوب.
إضافة Auth Proxy 
نفّذ نمط proxy.ts ومسار API في Next.js 16 لطلبات لوحة معلومات موثقة باستخدام ملفات تعريف ارتباط httpOnly.
تخطيط ترحيل 
دقّق مشروع Next.js 15 هذا لترقيته إلى Next.js 16. أعطِ الأولوية لتغييرات التوجيه، والتخزين المؤقت، وTurbopack، والصور، وproxy.

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

  • تحقق من ملاحظات إصدار Next.js الرسمية عند العمل قرب حدود الإصدارات.
  • اجعل الأمثلة متكيفة مع معمارية المشروع قبل استخدامها في الإنتاج.
  • راجع أوامر MCP وnpm التابعة لجهات خارجية قبل تشغيلها أو حفظها.

تجنب

  • استخدام params أو searchParams المتزامنة في ملفات مسارات Next.js 16.
  • إنشاء middleware.ts لسلوك proxy الجديد في Next.js 16.
  • نسخ عناوين URL أو الرموز أو أمثلة proxy ذات العناصر النائبة إلى الإنتاج دون تغيير.

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

ما الذي تساعد هذه المهارة في بنائه؟
تساعد في بناء وترحيل تطبيقات Next.js 16 باستخدام أنماط App Router والواجهة الأمامية الحالية.
هل تدعم Claude وCodex وClaude Code؟
نعم. تسرد بيانات المهارة الوصفية Claude وCodex وClaude Code كأدوات مدعومة.
هل يمكنها ترقية مشروع Next.js 15؟
نعم. تغطي خصائص المسارات غير المتزامنة، وproxy.ts، وTurbopack، وcacheComponents، وتغييرات الصور، وافتراضيات المسارات المتوازية.
هل تتضمن إرشادات لتصميم الواجهة؟
نعم. تتضمن إرشادات للطباعة، والألوان، والتخطيط، والحركة، والتوجيه البصري لواجهات React.
هل تنفذ طلبات شبكة من تلقاء نفسها؟
لا. تظهر استدعاءات الشبكة كأمثلة تطبيقية، لا كسلوك تنفيذ للمهارة.
هل ينبغي مراجعة أوامر إعداد MCP؟
نعم. راجع وثبّت إصدارات حزم MCP التابعة لجهات خارجية قبل إضافتها إلى إعداد محلي.

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

المؤلف

Asmayaseen

الترخيص

MIT

مراجعة Skillstore

r2

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

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

المستودع

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

مرجع

89edfdc710d0846129dcee6a929477b04f08052c

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

٢٩‏/٧‏/٢٠٢٦

الاستخدام

13 تنزيلات · 428 مشاهدات

بنية الملفات

📁 references/

📄 datetime-patterns.md

📄 frontend-design.md

📄 nextjs-16-patterns.md

📁 scripts/

📄 verify.py

📄 SKILL.md

المزيد من Asmayaseen

عرض الكل
📦

streaming-llm-responses

80

بناء واجهات دردشة ذكاء اصطناعي بالبث المباشر

تبدو دردشة الذكاء الاصطناعي في الوقت الفعلي معطلة عندما لا يستطيع المستخدمون رؤية التقدم أو حالة الاستجابة أو تغييرات واجهة المستخدم. تمنح هذه المهارة Claude وCodex وClaude Code أنماطا لدورات حياة البث، وأحداث التقدم، وتأثيرات العميل، وأدوات العميل.

البرمجة والتطوير عرض

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

عرض الكل