frontend-mobile-development-component-scaffold
بناء هياكل مبدئية لمكونات React
تحتاج الفرق إلى بنية مكونات متسقة عبر مشاريع الويب والهواتف المحمولة. توجه هذه المهارة Claude وCodex وClaude Code لإنشاء هياكل مبدئية لمكونات مكتوبة الأنواع مع اختبارات وأنماط وقصص وفحوصات إمكانية الوصول.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "frontend-mobile-development-component-scaffold" from https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold.md and its manifest at https://skillstore.io/api/skills/sickn33-frontend-mobile-development-component-scaffold/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "frontend-mobile-development-component-scaffold". Scaffold a ProductCard component with image, title, price, and add-to-cart action.
النتيجة المتوقعة:
هيكل مبدئي منظم يتضمن خصائص المكون وإرشادات CSS module واختبارات التصيير واختبارات التفاعل ومتغيرات القصة وتصدير index.
جارٍ استخدام "frontend-mobile-development-component-scaffold". Create a React Native settings row with label, value, and press handling.
النتيجة المتوقعة:
خطة مكون للهاتف المحمول مع خصائص مكتوبة الأنواع وأقسام StyleSheet وتسميات إمكانية الوصول وسلوك الضغط وملاحظات تغطية الاختبار.
جارٍ استخدام "frontend-mobile-development-component-scaffold". Create a reusable table empty state component for a design system.
النتيجة المتوقعة:
هيكل مبدئي لنظام تصميم يتضمن تعريفات الخصائص ورسائل حالة قابلة للوصول وخيارات تنسيق وسيناريوهات Storybook وقائمة تحقق للتحقق.
التدقيق الأمني
آمنAll 46 external-command matches are TypeScript template literals or Markdown code fences, with no command runner or shell invocation. The array join is ordinary source generation, and no prompt injection or malicious intent was found.
عوامل الخطر
⚙️ الأوامر الخارجية (46)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-frontend-mobile-development-component-scaffold/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/sickn33-frontend-mobile-development-component-scaffold.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
sickn33. (2026). frontend-mobile-development-component-scaffold security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold/audits/5اقتباس BibTeX
@techreport{sickn33-sickn33-frontend-mobile-development-component-scaffold-2026,
author = {sickn33},
title = {frontend-mobile-development-component-scaffold security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold/audits/5},
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: "frontend-mobile-development-component-scaffold security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-frontend-mobile-development-component-scaffold:audit:5"
description: "Skillstore immutable audit report identifier"
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
إنشاء مكونات الميزات
إنشاء هيكل مبدئي لمكون جديد مكتوب الأنواع مع خصائص وأنماط واختبارات وتصديرات لميزة منتج.
بدء واجهات الهواتف المحمولة
إنشاء بنية مكون React Native مع تنسيق StyleSheet وتسميات إمكانية الوصول.
توحيد أنظمة التصميم
تعريف أنماط مكونات قابلة للتكرار مع قصص وعناصر تحكم وتوقعات اختبار.
جرّب هذه الموجّهات
Create a TypeScript React button component named PrimaryButton. Include props for label, disabled, and onPress. Use CSS modules and accessibility support.
Scaffold a React Native profile card with avatar, title, subtitle, and onPress. Include typed props, StyleSheet styling, and accessibility labels.
Build a universal data display component for web and native. Include loading, empty, and error states. Add tests and Storybook coverage.
Design a design-system component scaffold for a filter panel. Include controlled props, keyboard accessibility, interaction tests, and Storybook arg controls.
أفضل الممارسات
- قدم أسماء مكونات وأسماء خصائص واحتياجات حالة ومنصة مستهدفة بوضوح.
- اطلب إمكانية الوصول والاختبارات وقصص Storybook عندما يكون المكون موجهًا للمستخدم.
- راجع العناصر النائبة المولدة قبل استخدامها في الإنتاج.
تجنب
- لا تطلب مكونات مبهمة دون خصائص أو تفاعلات أو تفاصيل منصة.
- لا تنشر الهياكل المبدئية المولدة قبل فحص imports والأنواع والاختبارات.
- لا تخلط واجهات API الخاصة بالويب فقط ضمن طلبات مكونات React Native.