بناء تطبيقات ويب Full-Stack
تخسر الفرق وقتًا عندما تُدار اختيارات الواجهة الأمامية وAPI وقاعدة البيانات والنشر بشكل منفصل. ترشد هذه المهارة Claude وCodex وClaude Code خلال تخطيط تطبيقات Full-Stack وتنفيذها.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "fullstack-developer" from https://skillstore.io/skills/shubhamsaboo-fullstack-developer.md and its manifest at https://skillstore.io/api/skills/shubhamsaboo-fullstack-developer/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "fullstack-developer". أنشئ API بسيطة لمنشورات مدونة.
النتيجة المتوقعة:
تنتج المهارة مخططًا للميزة يتضمن سلوك المسارات وقواعد التحقق وملاحظات نموذج قاعدة البيانات والتبعيات وخطوات الإعداد.
جارٍ استخدام "fullstack-developer". ابنِ صفحة ملف تعريف مستخدم تُحمّل بيانات API.
النتيجة المتوقعة:
جارٍ استخدام "fullstack-developer". راجع بنية تطبيقي Full-Stack قبل الإطلاق.
النتيجة المتوقعة:
تعيد المهارة ملاحظات مراجعة عملية حول بنية الواجهة الأمامية وحدود الواجهة الخلفية والوصول إلى قاعدة البيانات وفحوصات الأمان والمخاطر التشغيلية.
Review found no malicious intent in SKILL.md. Static findings are false positives from Markdown fences, ordinary code examples, a relative fetch call, and benign technical guidance.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/shubhamsaboo-fullstack-developer/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/shubhamsaboo-fullstack-developer?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/shubhamsaboo-fullstack-developer?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/shubhamsaboo-fullstack-developer/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/shubhamsaboo-fullstack-developer.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>shubhamsaboo. (2026). fullstack-developer security audit report (audit version 2) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/shubhamsaboo-fullstack-developer/audits/2@techreport{shubhamsaboo-shubhamsaboo-fullstack-developer-2026,
author = {shubhamsaboo},
title = {fullstack-developer security audit report (audit version 2)},
institution = {Skillstore},
year = {2026},
number = {2},
url = {https://skillstore.io/skills/shubhamsaboo-fullstack-developer/audits/2},
note = {Author version 1.0.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "fullstack-developer security audit report (audit version 2)"
version: "1.0.0"
type: report
authors:
- name: "shubhamsaboo"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/shubhamsaboo-fullstack-developer/audits/2"
identifiers:
- type: other
value: "skillstore:shubhamsaboo-fullstack-developer:audit:2"
description: "Skillstore immutable audit report identifier"
إنشاء خطة ميزة عملية تغطي واجهة المستخدم ونقاط نهاية API والتحقق من الصحة وتغييرات قاعدة البيانات.
تعريف مجلدات وحدود خدمات وأنماط وصول إلى البيانات متسقة لتطبيق ويب JavaScript أو TypeScript.
تحويل طلب ميزة إلى مهام واضحة للواجهة الأمامية والواجهة الخلفية والاختبار والنشر.
ساعدني في تخطيط ميزة Full-Stack لـ [feature]. ضمّن شاشات الواجهة الأمامية، ونقاط نهاية API، وتغييرات قاعدة البيانات، والتبعيات، وخطوات الإعداد.
صمّم TypeScript API لـ [domain]. ضمّن المسارات، وقواعد التحقق، ونماذج البيانات، والأخطاء، وملاحظات الاختبار.
راجع بنية هذا المشروع واقترح تحسينات لـ React وNode.js والوصول إلى البيانات والأمان وقابلية الصيانة: [paste structure].
أنشئ خطة طرح إنتاجي لـ [application]. غطِّ ترحيلات قاعدة البيانات، والمصادقة، ومتغيرات البيئة، وفحوصات CI، والنشر، والمراقبة، والتراجع.
المؤلف
shubhamsabooالترخيص
MIT
إصدار المؤلف
v1.0.0
مراجعة Skillstore
r1
المستودع
https://github.com/shubhamsaboo/awesome-llm-apps/tree/main/awesome_agent_skills/fullstack-developerمرجع
412e23e39ccd9729546286287b96bb41707397cf
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
1 تنزيلات · 0 مشاهدات
بنية الملفات
📄 SKILL.md
حسّن تجربة المستخدم بإرشادات تصميم قائمة على البحث
غالبًا ما تصمم الفرق المسارات بناءً على افتراضات وتفوتها مشكلات إمكانية الوصول. ترشد هذه المهارة البحث، والبنية، وتصميم التفاعل، والمراجعة باستخدام أفضل ممارسات تجربة المستخدم.
خطّط للمشاريع بمهام ومعالم رئيسية واضحة
يصعب تحديد نطاق المشاريع المعقدة وترتيبها وتقديرها. تحوّل هذه المهارة الهدف إلى معالم رئيسية وجداول مهام وتبعيات ومخاطر ونقاط تحقق.
حسّن الكتابة بتحرير واضح
قد تخفي الكتابة غير الواضحة الأفكار الجيدة وتبطئ المراجعة. تحرر هذه المهارة القواعد والنبرة والبنية والإيجاز للحصول على مسودات أنظف.
تقييم قرارات الأعمال الاستراتيجية
غالبًا ما تفتقر الخيارات الاستراتيجية إلى مقارنة واضحة بين الخيارات والمخاطر ومقاييس النجاح. تنظّم هذه المهارة القرارات في تحليل وتوصيات وخرائط طريق ومقاييس.
حلّل الأبحاث الأكاديمية بسرعة أكبر
غالبًا ما تتطلب مهام البحث الأكاديمي قراءة دقيقة، وتوليفًا منهجيًا، وانضباطًا في الاستشهاد. تساعد هذه المهارة على تنظيم مراجعات الأوراق البحثية، وملخصات الأدبيات، والكتابة العلمية وفق معايير أكاديمية متسقة.
البحث في الموضوعات المعقدة مع الاستشهادات
يكون البحث المتعمق صعبا عندما تختلف المصادر أو تفتقر إلى السياق. ترشد هذه المهارة Claude وCodex وClaude Code إلى تركيب المصادر، ومقارنة وجهات النظر، وإنتاج ملخصات بحثية موثقة بالاستشهادات.
أنشئ تطبيقات Fullstack بإرشاد خبير
بواسطة alirezarezvani
غالبًا ما تحتاج مشاريع Fullstack إلى إعداد متسق، وخيارات معمارية، وفحوصات جودة. توفر هذه المهارة سكربتات ومراجع للعمل على React وNext.js وNode.js وGraphQL وPostgreSQL.
تنفيذ React View Transitions
بواسطة vercel-labs
من السهل وضع انتقالات عرض React في المكان غير المناسب، مما يؤدي إلى رسوم متحركة صامتة أو مزعجة. ترشد هذه المهارة اختيارات الرسوم المتحركة للمسارات وSuspense والقوائم والعناصر المشتركة.
بناء مكونات React آمنة الأنواع
بواسطة softaworks
غالبا ما يتطلب العمل على React TypeScript أنواعا دقيقة للأحداث والـ hooks والمسارات. توفر هذه المهارة أنماطا مركزة للمكونات المكتوبة الأنواع، وواجهات React 19 API، والتوجيه.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
تحسين أداء Next.js
بواسطة Atman36
قد تصبح تطبيقات Next.js بطيئة بسبب الحِزم الكبيرة، والتخزين المؤقت الضعيف، والوسائط غير المحسّنة. ترشد هذه المهارة Claude وCodex وClaude Code عبر تحسينات أداء مركّزة لتطبيقات الإنتاج.
تحسين أداء React و Next.js
بواسطة vercel-labs
غالبا ما تفقد تطبيقات React و Next.js سرعتها بسبب waterfalls، والحزم الكبيرة، وعمليات إعادة التصيير التي يمكن تجنبها. تمنح هذه المهارة الوكلاء قواعد ملموسة لإجراء تغييرات أكثر أمانا تركز على الأداء.