code-instructor
80تعلم البرمجة عبر بناء التطبيقات
قد يبدو تعلم البرمجة مجردا عندما تكون الأمثلة منفصلة عن المشاريع الحقيقية. تعلمك هذه المهارة المفاهيم أثناء بناء تطبيقات عاملة خطوة بخطوة.
إضافة مكونات Shadcn UI بموثوقية
قد تكون إضافة مكونات واجهة المستخدم غير متسقة عندما تكون إرشادات إعداد المشروع متفرقة. تمنح هذه المهارة Claude وCodex وClaude Code تعليمات موجزة لإعداد Shadcn UI.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "setup" from https://skillstore.io/skills/emz1998-setup.md and its manifest at https://skillstore.io/api/skills/emz1998-setup/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "setup". أضف مكون بطاقة Shadcn UI لدعم ملخص لوحة معلومات.
النتيجة المتوقعة:
يؤكد المساعد مكون البطاقة، ويتبع إرشادات إعداد المشروع، ويبلغ عن الملفات التي تغيّرت ونتائج التحقق.
جارٍ استخدام "setup". اشرح كيف يتوقع هذا المشروع إضافة مكونات Shadcn UI.
النتيجة المتوقعة:
يلخّص المساعد ملاحظة الإعداد، ويحدد عنصر المكون النائب، ويطلب اسم المكون الدقيق.
جارٍ استخدام "setup". خطط للوحة إعدادات باستخدام مكونات Shadcn UI.
النتيجة المتوقعة:
يقترح المساعد مكونات مناسبة، ويذكر متطلبات الإعداد، ويفصل خطوات التثبيت عن تنفيذ الميزة.
Static analysis reported no suspicious patterns in the two prompt-only files. Manual review found concise Shadcn UI setup guidance and no prompt injection, credential handling, or data exfiltration intent.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/emz1998-setup/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emz1998-setup?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emz1998-setup?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-setup/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emz1998-setup.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). setup security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-setup/audits/4@techreport{emz1998-emz1998-setup-2026,
author = {Emz1998},
title = {setup security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/emz1998-setup/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: "setup security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "Emz1998"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/emz1998-setup/audits/4"
identifiers:
- type: other
value: "skillstore:emz1998-setup:audit:4"
description: "Skillstore immutable audit report identifier"
تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
emz1998-setup
2026-09-09
chachamaru127-setup
2026-09-09
استخدم ملاحظة إعداد المشروع قبل إضافة مكون Shadcn UI.
امنح زملاء الفريق مرجعًا موجزًا لتثبيت مكونات Shadcn في هذا المشروع.
ساعد مساعدًا ذكيًا على اتباع خطوة الإعداد الخاصة بالمشروع قبل تعديل ملفات واجهة المستخدم.
استخدم مهارة الإعداد هذه لإضافة مكون زر Shadcn UI. أكّد اسم المكون قبل إجراء التغييرات.
راجع إرشادات الإعداد لهذا المشروع واشرح كيف ينبغي أن أضيف مكون Shadcn UI.
خطط لخطوات إضافة مكون حوار Shadcn UI، بما في ذلك الملفات التي تتوقع تغييرها والفحوصات التي يجب تشغيلها.
استخدم إرشادات إعداد المشروع لإضافة أفضل مكونات Shadcn UI للوحة إعدادات. اشرح المفاضلات قبل التعديل.
المؤلف
Emz1998الترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
a06681402992ceae98ba04d54cfd4ab004862696
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
4 تنزيلات · 148 مشاهدات
بنية الملفات
تعلم البرمجة عبر بناء التطبيقات
قد يبدو تعلم البرمجة مجردا عندما تكون الأمثلة منفصلة عن المشاريع الحقيقية. تعلمك هذه المهارة المفاهيم أثناء بناء تطبيقات عاملة خطوة بخطوة.
العصف الذهني لميزات التطبيق باستخدام أفكار منظمة
تحتاج الفرق إلى أفكار ميزات عملية تربط بين قيمة المستخدم، وإمكانية التنفيذ، والمقاييس. توجه هذه المهارة العصف الذهني المنظم لتخطيط تطبيقات الويب والجوال.
إنشاء تخطيطات صفحات 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 والقوائم والعناصر المشتركة.
إنشاء قوالب React Email باستخدام Resend
بواسطة resend
إنشاء قوالب بريد إلكتروني جاهزة للإنتاج أمر صعب لأن عملاء البريد الإلكتروني يختلفون. ترشد هذه المهارة Claude وCodex وClaude Code خلال مكونات React Email والإرسال والتنسيق والتوطين وسير عمل المحرر.
تحسين ممارسات Vue 3 TypeScript
بواسطة hyf0
غالبا ما تواجه مشاريع Vue TypeScript أخطاء مربكة في القوالب وrouter وVolar. تمنح هذه المهارة إصلاحات Vue 3 موجهة لكل من Codex وClaude وClaude Code.
تحسين مكونات Vue Options API
بواسطة vuejs-ai
يمكن لمشاريع Vue Options API أن تفقد أمان الأنواع والربط الصحيح لـ this. توفر هذه المهارة أنماطًا مباشرة لمكونات Vue أكثر أمانًا.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
تحسين أداء React و Next.js
بواسطة vercel-labs
غالبا ما تفقد تطبيقات React و Next.js سرعتها بسبب waterfalls، والحزم الكبيرة، وعمليات إعادة التصيير التي يمكن تجنبها. تمنح هذه المهارة الوكلاء قواعد ملموسة لإجراء تغييرات أكثر أمانا تركز على الأداء.