frontend-aesthetics
79تحسين التصميم المرئي للواجهة الأمامية
غالبًا ما تبدو شاشات الواجهة الأمامية العامة متشابهة وتفتقر إلى التركيز على العلامة التجارية. ترشد هذه المهارة اختيارات الطباعة، والألوان، والحركة، والعمق لإنشاء واجهات أوضح.
فرض الوضع الصارم في TypeScript
تفشل مشاريع TypeScript الصارمة عندما تدخل الكتابة الضعيفة إلى المراجعات أو الكود المُولَّد. تمنح هذه المهارة Claude وCodex وClaude Code أنماطًا واضحة لإخراج TypeScript أكثر أمانًا.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "typescript-strict-guard" from https://skillstore.io/skills/barnhardt-enterprises-inc-typescript-strict-guard.md and its manifest at https://skillstore.io/api/skills/barnhardt-enterprises-inc-typescript-strict-guard/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "typescript-strict-guard". يستخدم مكوّن نموذج React أنواع أحداث واسعة وتأكيدات غير آمنة.
النتيجة المتوقعة:
جارٍ استخدام "typescript-strict-guard". يعيد عميل API بيانات unknown بدون تحقق.
النتيجة المتوقعة:
جارٍ استخدام "typescript-strict-guard". يريد مشروع فحص سلامة TypeScript قبل commit.
النتيجة المتوقعة:
Static analysis flagged many patterns because this skill is documentation-heavy and includes TypeScript examples. Manual review found the backticks, fetch calls, environment variable names, and file paths are examples or validator messages, not malicious runtime behavior. No prompt-injection attempt or exfiltration intent was found.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/barnhardt-enterprises-inc-typescript-strict-guard/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/barnhardt-enterprises-inc-typescript-strict-guard?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/barnhardt-enterprises-inc-typescript-strict-guard?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/barnhardt-enterprises-inc-typescript-strict-guard/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/barnhardt-enterprises-inc-typescript-strict-guard.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Barnhardt-Enterprises-Inc. (2026). typescript-strict-guard security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barnhardt-enterprises-inc-typescript-strict-guard/audits/8@techreport{barnhardt-enterprises-inc-barnhardt-enterprises-inc-typescript-strict-guard-2026,
author = {Barnhardt-Enterprises-Inc},
title = {typescript-strict-guard security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/barnhardt-enterprises-inc-typescript-strict-guard/audits/8},
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: "typescript-strict-guard security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Barnhardt-Enterprises-Inc"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/barnhardt-enterprises-inc-typescript-strict-guard/audits/8"
identifiers:
- type: other
value: "skillstore:barnhardt-enterprises-inc-typescript-strict-guard:audit:8"
description: "Skillstore immutable audit report identifier"
اعثر على مشكلات الوضع الصارم قبل أن يصل الكود المُولَّد إلى pull request.
طبّق أنماطًا متسقة لـ props والأحداث وhooks والنماذج عبر مكونات React.
استبدل التحويلات غير الآمنة بحراس الأنواع والتأكيدات وأنماط التحقق أثناء وقت التشغيل.
راجع ملف TypeScript هذا بحثًا عن مشكلات الوضع الصارم. حدّد any غير الآمن، و@ts-ignore، وتأكيدات عدم انعدام القيمة، وأنواع الإرجاع المفقودة.
أعد هيكلة كود React TypeScript هذا لاستخدام props صريحة، وأحداث مكتوبة الأنواع، وrefs آمنة، وأنواع إرجاع دقيقة لـ hooks.
أنشئ حراس أنواع ومساعدات تأكيد لبنية البيانات الخارجية هذه. تجنب التحويلات غير الآمنة واشرح كل خطوة تضييق.
دقّق سير عمل TypeScript هذا بحثًا عن فجوات الوضع الصارم، وكتابة أخطاء العمليات غير المتزامنة، وحدود أنواع الجهات الخارجية، وتغطية المدقق.
المؤلف
Barnhardt-Enterprises-Incالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
9 تنزيلات · 192 مشاهدات
تحسين التصميم المرئي للواجهة الأمامية
غالبًا ما تبدو شاشات الواجهة الأمامية العامة متشابهة وتفتقر إلى التركيز على العلامة التجارية. ترشد هذه المهارة اختيارات الطباعة، والألوان، والحركة، والعمق لإنشاء واجهات أوضح.
فرض سير عمل التطوير الموجّه بالاختبارات
غالبًا ما تتخطى الفرق الاختبارات أو تكتبها بعد التنفيذ. ترشد هذه المهارة Claude وCodex وClaude Code خلال التسليم الذي يبدأ بالاختبارات.
تدقيق الكود بحثًا عن مخاطر أمنية
من السهل شحن الكود الحساس أمنيًا مع عيوب خفية في المصادقة ومعالجة المدخلات والأسرار. تمنح هذه المهارة Claude وCodex وClaude Code مراجع أمنية منظمة وإرشادات للماسحات لإجراء مراجعات أكثر أمانًا.
اكتب TypeScript صارمًا بأمان
يمكن أن تنجرف مشاريع TypeScript إلى أنماط غير آمنة تُخفي عيوبًا وقت التشغيل. ترشد هذه المهارة Claude وCodex وClaude Code نحو استخدام أكثر صرامة للأنواع، وأخطاء أوضح، وتضييق أكثر أمانًا.
فرض بوابات جودة البرمجة بالذكاء الاصطناعي
قد تفوّت البرمجة بمساعدة الذكاء الاصطناعي الاختبارات وفحوصات الأمان ومعايير الإصدار. توفر هذه المهارة لـ Claude وCodex وClaude Code قائمة تحقق مرحلية لتسليم أكثر أمانًا.
بناء مكونات ShadCN UI قابلة للوصول
تحتاج فرق React إلى أنماط ShadCN متسقة للنماذج، ومربعات الحوار، والجداول، وعناصر التحكم القابلة للوصول. ترشد هذه المهارة Claude وCodex وClaude Code نحو مكونات Radix، وأدوات Tailwind، وممارسات التحقق.
بناء مكونات React آمنة الأنواع
بواسطة softaworks
غالبا ما يتطلب العمل على React TypeScript أنواعا دقيقة للأحداث والـ hooks والمسارات. توفر هذه المهارة أنماطا مركزة للمكونات المكتوبة الأنواع، وواجهات React 19 API، والتوجيه.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
تحسين مشاريع TypeScript
بواسطة sickn33
غالبًا ما تواجه مشاريع TypeScript صعوبات في الكتابة الصارمة، وبطء عمليات البناء، وعمليات الترحيل المعقدة. توفر هذه المهارة تشخيصًا عمليًا، وقوائم مراجعة، وأنماط حلول للعمل الحديث على TypeScript.
تحسين تغطية اختبارات Playwright
بواسطة C0ntr0lledCha0s
يمكن أن تصبح مجموعات اختبارات Playwright غير مستقرة عندما تكون الإعدادات والمحددات وfixtures غير متسقة. تمنحك هذه المهارة أنماطًا عملية لاختبارات متصفح موثوقة، وتصحيح الأخطاء، وكائنات صفحات قابلة لإعادة الاستخدام.
إضافة أنماط أمان الأنواع في Python
بواسطة 0xDarkMatter
قد يكون تطبيق تعليقات الأنواع في Python باستمرار عبر المشاريع الحقيقية صعبا. تمنح هذه المهارة Claude وCodex وClaude Code أنماطا عملية لكتابة كود Python مكتوب الأنواع بشكل أكثر أمانا.
بناء وكلاء Claude Code
بواسطة C0ntr0lledCha0s
يتطلب إنشاء وكلاء AI موثوقين مخططات واضحة وأدوات آمنة وخطوات مراجعة قابلة للتكرار. ترشد هذه المهارة تصميم الوكلاء والتحقق منهم وترحيلهم وصيانتهم ضمن سير عمل Claude Code.