📦
systematic-debugging
79تصحيح أخطاء الكود باستخدام تحليل السبب الجذري
تهدر الأخطاء البرمجية الوقت عندما تعالج الفرق الأعراض دون أدلة. توجه هذه المهارة Claude وCodex وClaude Code خلال تشخيص منظم قبل إجراء التغييرات.
البرمجة والتطوير عرض
المهارات core-components
📦
core-components
مراجعة المحتوى r1 آمن ⚙️ الأوامر الخارجية
بناء مكونات واجهة أساسية متسقة
تبطئ مكونات الواجهة غير المتسقة عمل المنتج وتسبب انحرافا بصريا. توجه هذه المهارة Claude وCodex وClaude Code إلى استخدام الرموز المشتركة والتخطيطات وأنماط المكونات.
يدعم: Claude Codex Code(CC)
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
طلب الوكيل
Review the Skillstore skill "core-components" from https://skillstore.io/skills/chriswiles-core-components.md and its manifest at https://skillstore.io/api/skills/chriswiles-core-components/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "core-components". تستخدم شاشة منتج عناصر View وText الخام مع padding وcolor وأحجام خطوط مضمنة.
النتيجة المتوقعة:
التحديث الموصى به: استبدل عناصر التخطيط الخام بـ Box وVStack، وطابق المسافات مع قيم الرموز، واستخدم رموز لون وحجم Text. أبق المحتوى والسلوك الحاليين دون تغيير.
جارٍ استخدام "core-components". يقبل مكون بطاقة padding رقميا وسلاسل variant حرة الصياغة.
النتيجة المتوقعة:
نتيجة المراجعة: قيّد padding بالقيم المعتمدة للرموز، ووثق المتغيرات المدعومة، ومرر الاختلافات المرئية عبر مكون Box.
جارٍ استخدام "core-components". يمزج تخطيط عنصر قائمة بين حاويات مخصصة وحدود مضمّنة مباشرة وقيم ألوان أيقونات يدوية.
النتيجة المتوقعة:
النمط المقترح: استخدم HStack للصف، وVStack للنص، ورموز حدود دلالية، ورمز لون ثالثي للأيقونة.
التدقيق الأمني
آمنv8 • ٦/٧/٢٠٢٦ فتح التقرير المرتبط بالإصدار
All 49 static external-command findings are false positives caused by Markdown backticks in TSX examples and token tables. SKILL.md contains documentation-only design system guidance, with no shell commands, Ruby execution, network behavior, file operations, or prompt-injection language found.
1
الملفات التي تم فحصها
265
الأسطر التي تم تحليلها
0
عناصر المراجعة
0
تم تجاهل الإيجابيات الكاذبة
عوامل الخطر
⚙️ الأوامر الخارجية (49)
SKILL.md:18-24 SKILL.md:24-28 SKILL.md:28-29 SKILL.md:29-30 SKILL.md:30-31 SKILL.md:31-32 SKILL.md:32-33 SKILL.md:33-37 SKILL.md:37-45 SKILL.md:45-49 SKILL.md:49-50 SKILL.md:50-51 SKILL.md:51-52 SKILL.md:52-53 SKILL.md:53-54 SKILL.md:54-58 SKILL.md:58-60 SKILL.md:60-64 SKILL.md:64-65 SKILL.md:65-66 SKILL.md:66-67 SKILL.md:67-68 SKILL.md:68-69 SKILL.md:69-77 SKILL.md:77-85 SKILL.md:85-91 SKILL.md:91-101 SKILL.md:101-107 SKILL.md:107-115 SKILL.md:115-121 SKILL.md:121-131 SKILL.md:131-135 SKILL.md:135-136 SKILL.md:136-137 SKILL.md:137-138 SKILL.md:138-144 SKILL.md:144-152 SKILL.md:152-158 SKILL.md:158-167 SKILL.md:167-173 SKILL.md:173-182 SKILL.md:182-186 SKILL.md:186-192 SKILL.md:192-196 SKILL.md:196-211 SKILL.md:211-215 SKILL.md:215-235 SKILL.md:235-241 SKILL.md:241-258
لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.
دقّقه: codex عرض سجل التدقيق →
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/chriswiles-core-components/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/chriswiles-core-components?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/chriswiles-core-components?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/chriswiles-core-components/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/chriswiles-core-components.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
ChrisWiles. (2026). core-components security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/chriswiles-core-components/audits/8اقتباس BibTeX
@techreport{chriswiles-chriswiles-core-components-2026,
author = {ChrisWiles},
title = {core-components security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/chriswiles-core-components/audits/8},
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: "core-components security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "ChrisWiles"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/chriswiles-core-components/audits/8"
identifiers:
- type: other
value: "skillstore:chriswiles-core-components:audit:8"
description: "Skillstore immutable audit report identifier"
مقارنة المتغيرات
2 متغيرات قابلة للتثبيتتبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
استخدام أعلى في Skillstore
المؤلف / المصدر تقييم Skillstore موثوقية الأدلة استخدام Skillstore تم التحديث
sickn33 موصى به
sickn33-core-components
تقييم Skillstore 79
موثوقية الأدلة مرتفع
استخدام Skillstore 21
تم التحديث
2026-09-09
ChrisWiles الحالي
chriswiles-core-components
تقييم Skillstore 79
موثوقية الأدلة مرتفع
استخدام Skillstore 7
تم التحديث
2026-09-09
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفع 55
الهندسة المعمارية
85
قابلية الصيانة
85
المحتوى
71
المجتمع
91
الامتثال للمواصفات
ما الذي يمكنك بناؤه
إنشاء شاشات المنتج
تجميع الشاشات باستخدام أنماط Screen وBox وStack وText وButton وInput وCard.
مراجعة اتساق الواجهة
التحقق مما إذا كانت المكونات تستخدم الرموز المشتركة بدلا من الأنماط المضمنة أو القيم الخام أو العناصر الأولية الخاصة بالمنصة.
توثيق استخدام المكونات
تحويل أمثلة المكونات وقواعد الرموز إلى إرشادات واضحة لويكي الفريق أو طلب السحب.
جرّب هذه الموجّهات
استخدام المكونات الأساسية
راجع هذه الواجهة واستبدل مكونات المنصة الخام بالمكونات الأساسية الموثقة حيثما كان ذلك مناسبا.
تطبيق رموز التصميم
أعد هيكلة هذا المكون لاستخدام رموز المسافات والألوان والطباعة من إرشادات المكونات الأساسية.
تصميم تخطيط نموذج
أنشئ خطة تخطيط نموذج باستخدام VStack وInput وButton وحالات التحقق وحالات التحميل من أنماط المكونات الأساسية.
تدقيق خصائص المكونات
راجع API هذا المكون القابل لإعادة الاستخدام من حيث الخصائص القائمة على الرموز، ومعالجة المتغيرات، والأنماط المضادة مقارنة بمهارة المكونات الأساسية.
أفضل الممارسات
- ابدأ بمكونات التخطيط الأساسية قبل إضافة حاويات مخصصة.
- استخدم رموز الألوان والطباعة الدلالية لكل حالة نص مرئية.
- وثق المتغيرات الجديدة باستخدام أسماء الرموز نفسها وخصائص المكونات المستخدمة في المهارة.
تجنب
- تضمين قيم المسافات أو الألوان أو الخطوط مباشرة عندما يكون هناك رمز متاح.
- استيراد مكونات View أو Text الخام الخاصة بالمنصة لواجهة قياسية.
- إضافة أنماط مضمنة تتجاوز خصائص المكونات المشتركة.
الأسئلة المتكررة
هل تثبت هذه المهارة مكتبة مكونات؟
لا. توفر إرشادات استخدام لمشروع لديه بالفعل مكونات أساسية.
ما الأدوات التي يمكنها استخدامها؟
هي موثقة لاستخدامها مع Claude وCodex وClaude Code.
هل تتضمن ملفات مصدر حقيقية؟
لا. تحتوي المهارة على إرشادات وأمثلة TSX في SKILL.md فقط.
هل يمكن أن تساعد في شاشات React Native؟
نعم. تستخدم الأمثلة أسماء مكونات بنمط React Native وأنماط TSX.
هل تعرف كل قيمة رمز؟
لا. تسرد رموز المسافات والألوان والطباعة الشائعة التي ينبغي أن يدعمها المشروع مسبقا.
هل يمكنها مراجعة شيفرة واجهة موجودة؟
نعم. يمكنها مقارنة الشيفرة بأنماط الرموز والمكونات الموثقة.
تفاصيل المطور
المؤلف
ChrisWilesالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
المستودع
https://github.com/ChrisWiles/claude-code-showcase/tree/main/.claude/skills/core-componentsمرجع
dd4a3ef9f20ddf38830950b4bb713df96b431fd6
حداثة الصيانة
٢٠/٧/٢٠٢٦
الاستخدام
4 تنزيلات · 236 مشاهدات
بنية الملفات
📄 SKILL.md
المزيد من ChrisWiles
عرض الكل📦
react-ui-patterns
79بناء حالات واجهة مستخدم React مرنة
غالبًا ما تفشل واجهات React في عرض حالات التحميل والخطأ والفراغ والإرسال بوضوح. توفر هذه المهارة أنماطًا عملية لسلوك واجهة مستخدم غير متزامن يمكن التنبؤ به.
البرمجة والتطوير عرض
📦
formik-patterns
79بناء نماذج Formik موثوقة
غالبا ما تكرر نماذج Formik منطق التحقق وعرض الأخطاء وحالة الإرسال. توفر هذه skill أنماطا موجزة للحقول القابلة لإعادة الاستخدام ومخططات Yup وعمليات الإرسال عبر GraphQL ونماذج التحرير والتدفقات متعددة الخطوات.
البرمجة والتطوير عرض
📦
testing-patterns
78اكتب اختبارات Jest أفضل باستخدام أنماط قابلة لإعادة الاستخدام
غالبا ما تصبح اختبارات الوحدة هشة عندما تكرر الإعداد أو تختبر تفاصيل التنفيذ. توفر هذه المهارة أنماط Jest قابلة لإعادة الاستخدام للمصانع وmocks ومساعدات render وTDD.
البرمجة والتطوير عرض
📦
graphql-schema
78إنشاء عمليات GraphQL باستخدام الأنواع المولدة
غالبًا ما يؤدي عمل عميل GraphQL إلى إنشاء عمليات مكررة، ومعالجة ضعيفة للأخطاء، وأنواع مولدة قديمة. ترشد هذه المهارة إلى ملفات .gql متسقة، وخطافات Apollo المولدة، وخطوات codegen، وضمانات واجهة مستخدم للطفرات.
البرمجة والتطوير عرض
مهارات ذات صلة
عرض الكل📦
vercel-react-native-skills
80تحسين تطبيقات React Native
بواسطة vercel-labs
قد تعاني تطبيقات React Native من قوائم بطيئة، وحركات متقطعة، وأخطاء خاصة بالمنصات. تمنح هذه المهارة Codex وClaude وClaude Code قواعد موجزة للعمل عالي الأداء في Expo وReact Native.
البرمجة والتطوير عرض
📦
styling-with-shadcn
80بناء واجهات shadcn/ui في Next.js
بواسطة Asmayaseen
تحتاج فرق React إلى أنماط واجهة مستخدم متسقة تعمل مع Next.js الحديث. توفر هذه المهارة إرشادات إعداد shadcn/ui، وأمثلة على المكوّنات، والتحقق من النماذج، والجداول، والأشرطة الجانبية، وأنماط الوضع الداكن.
البرمجة والتطوير عرض
📦
expo-tailwind-setup
80تكوين Tailwind CSS لـ Expo
بواسطة expo
تحتاج فرق Expo إلى تنسيق متسق عبر أهداف native وweb. توفّر هذه المهارة مسار إعداد مركّزًا لـ Tailwind CSS v4 وNativeWind v5 وreact-native-css.
البرمجة والتطوير عرض
📦
expo-dev-client
80إنشاء عملاء تطوير Expo للاختبار الأصلي
بواسطة expo
تحتاج فرق Expo إلى عملاء تطوير موثوقين عندما يتجاوز الكود الأصلي حدود Expo Go. ترشد هذه المهارة إلى إعداد EAS Build، والتسليم عبر TestFlight، والبناء المحلي، والتثبيت، واستكشاف الأخطاء الأساسية وإصلاحها.
البرمجة والتطوير عرض
📦
use-dom
80بناء مكوّنات Expo DOM
بواسطة expo
غالبًا ما تحتاج فرق Expo إلى استخدام مكتبات الويب داخل التطبيقات الأصلية دون إعادة كتابتها. ترشد هذه المهارة Claude وCodex وClaude Code عبر أنماط آمنة لمكوّنات DOM.
البرمجة والتطوير عرض
📦
native-data-fetching
80بناء تدفقات الشبكات في Expo
بواسطة expo
تحتاج تطبيقات الهاتف المحمول إلى طلبات API موثوقة، وتخزين مؤقت، ومعالجة الرموز، وسلوك دون اتصال. ترشد هذه المهارة مطوري Expo عبر fetch وReact Query وSecureStore وNetInfo والتكوين المعتمد على البيئة.
البرمجة والتطوير عرض