code-instructor
80تعلم البرمجة عبر بناء التطبيقات
قد يبدو تعلم البرمجة مجردا عندما تكون الأمثلة منفصلة عن المشاريع الحقيقية. تعلمك هذه المهارة المفاهيم أثناء بناء تطبيقات عاملة خطوة بخطوة.
هيكلة ملفات بيانات تطبيق Next.js
قد تصبح ملفات بيانات التطبيق صعبة الصيانة عندما تُجمع السجلات غير المرتبطة معًا. تقدم هذه المهارة قواعد بسيطة لملفات بيانات Next.js المعيارية.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "writing-data" from https://skillstore.io/skills/emz1998-writing-data.md and its manifest at https://skillstore.io/api/skills/emz1998-writing-data/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "writing-data". طلب لإضافة شهادتي مستخدمين وعنصر تسعير واحد إلى مجلد بيانات التطبيق.
النتيجة المتوقعة:
خطة ملفات تتضمن ملفات منفصلة لشهادات المستخدمين وملف تسعير منفصل، كل منها أقل من 50 سطرًا.
جارٍ استخدام "writing-data". ملف بيانات محتوى كبير يمزج بين التنقل والتسعير وشهادات المستخدمين.
النتيجة المتوقعة:
توصية بإعادة الهيكلة تفصل كل منطقة محتوى إلى ملفات بيانات مركزة.
جارٍ استخدام "writing-data". خطة مجلد مقترحة لعدة عناصر بيانات خاصة بميزات.
النتيجة المتوقعة:
مراجعة تشير إلى الملفات كبيرة الحجم والسجلات المجمعة التي يجب تقسيمها.
The two static findings are false positives caused by Markdown inline-code backticks around srs/data in SKILL.md. I found no executable code, shell invocation instructions, prompt injection text, or semantic data-exfiltration intent in the 16-line skill file.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/emz1998-writing-data/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emz1998-writing-data?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emz1998-writing-data?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-writing-data/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emz1998-writing-data.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Emz1998. (2026). writing-data security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-writing-data/audits/4@techreport{emz1998-emz1998-writing-data-2026,
author = {Emz1998},
title = {writing-data security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/emz1998-writing-data/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "writing-data security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "Emz1998"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/emz1998-writing-data/audits/4"
identifiers:
- type: other
value: "skillstore:emz1998-writing-data:audit:4"
description: "Skillstore immutable audit report identifier"
خطط لملفات بيانات صغيرة لميزة Next.js جديدة دون إنشاء ملفات كبيرة جدًا.
افصل محتوى الموقع القابل للتكرار إلى ملفات مركزة لتسهيل التحديثات.
تحقق من مجلد بيانات مقترح وفق قواعد بسيطة للحجم والمعيارية.
استخدم مهارة writing-data لوضع هذا العنصر الجديد في مجلد بيانات التطبيق. أنشئ ملفًا واحدًا لعنصر بيانات واحد.
استخدم مهارة writing-data لتقسيم هذه العناصر المرتبطة إلى ملفات بيانات معيارية. أبقِ كل ملف أقل من 50 سطرًا.
استخدم مهارة writing-data لمراجعة خطة ملف البيانات الكبير هذا. اقترح ملفات أصغر مع عنصر بيانات واحد لكل ملف.
استخدم مهارة writing-data للتحقق من بنية مجلد بيانات التطبيق المقترحة لدي. حدد الملفات التي تخالف قواعد المعيارية أو قاعدة 50 سطرًا.
المؤلف
Emz1998الترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
a06681402992ceae98ba04d54cfd4ab004862696
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
7 تنزيلات · 144 مشاهدات
بنية الملفات
📄 SKILL.md
تعلم البرمجة عبر بناء التطبيقات
قد يبدو تعلم البرمجة مجردا عندما تكون الأمثلة منفصلة عن المشاريع الحقيقية. تعلمك هذه المهارة المفاهيم أثناء بناء تطبيقات عاملة خطوة بخطوة.
العصف الذهني لميزات التطبيق باستخدام أفكار منظمة
تحتاج الفرق إلى أفكار ميزات عملية تربط بين قيمة المستخدم، وإمكانية التنفيذ، والمقاييس. توجه هذه المهارة العصف الذهني المنظم لتخطيط تطبيقات الويب والجوال.
إنشاء تخطيطات صفحات Next.js مدمجة
يمكن أن تصبح ملفات صفحات Next.js صعبة الصيانة عندما تنمو التخطيطات والأنواع ومنطق الصفحة معًا. ترشد هذه المهارة Claude وCodex وClaude Code إلى إنتاج تخطيطات page.tsx معيارية مع فصل الأنواع.
إنشاء خرائط طريق لمهام المشاريع
غالبًا ما تواجه فرق المشاريع صعوبة في تحويل المواصفات إلى عمل تنفيذي واضح. تحوّل هذه المهارة المواصفات إلى مهام مرحلية مع التبعيات وخطوات التحقق.
كتابة أنواع Next.js معيارية
يمكن أن تتراكم في مشاريع Next.js ملفات أنواع كبيرة يصعب صيانتها. ترشد هذه المهارة Claude وCodex وClaude Code إلى كتابة أنواع وواجهات TypeScript صغيرة في srs/types.
مراجعة عمليات التنفيذ قبل إجراء commit
قد تفوّت الفرق عيوب الخطة أو مشكلات الكود عندما تتحرك خطوات سير العمل بسرعة. توجه هذه المهارة الخطط وعمليات التنفيذ المكتملة إلى وكلاء المراجعة قبل المرحلة التالية.
تنفيذ React View Transitions
بواسطة vercel-labs
من السهل وضع انتقالات عرض React في المكان غير المناسب، مما يؤدي إلى رسوم متحركة صامتة أو مزعجة. ترشد هذه المهارة اختيارات الرسوم المتحركة للمسارات وSuspense والقوائم والعناصر المشتركة.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
تحسين أداء React و Next.js
بواسطة vercel-labs
غالبا ما تفقد تطبيقات React و Next.js سرعتها بسبب waterfalls، والحزم الكبيرة، وعمليات إعادة التصيير التي يمكن تجنبها. تمنح هذه المهارة الوكلاء قواعد ملموسة لإجراء تغييرات أكثر أمانا تركز على الأداء.
تحسين كود React و Next.js
بواسطة sickn33
غالبا ما تعاني تطبيقات React و Next.js من بطء جلب البيانات، وحزم كبيرة الحجم، وإعادة تصيير يمكن تجنبها. تمنح هذه المهارة الوكلاء قواعد وأمثلة ملموسة لتوليد الكود ومراجعته مع التركيز على الأداء.
أنشئ تطبيقات Fullstack بإرشاد خبير
بواسطة alirezarezvani
غالبًا ما تحتاج مشاريع Fullstack إلى إعداد متسق، وخيارات معمارية، وفحوصات جودة. توفر هذه المهارة سكربتات ومراجع للعمل على React وNext.js وNode.js وGraphQL وPostgreSQL.
إنشاء قوالب React Email باستخدام Resend
بواسطة resend
إنشاء قوالب بريد إلكتروني جاهزة للإنتاج أمر صعب لأن عملاء البريد الإلكتروني يختلفون. ترشد هذه المهارة Claude وCodex وClaude Code خلال مكونات React Email والإرسال والتنسيق والتوطين وسير عمل المحرر.