frontend-aesthetics
79تحسين التصميم المرئي للواجهة الأمامية
غالبًا ما تبدو شاشات الواجهة الأمامية العامة متشابهة وتفتقر إلى التركيز على العلامة التجارية. ترشد هذه المهارة اختيارات الطباعة، والألوان، والحركة، والعمق لإنشاء واجهات أوضح.
فرض معايير معمارية Quetrex
تحتاج فرق Quetrex إلى عمل ميزات متسق عبر TypeScript وNext.js والتحقق وواجهة المستخدم والاختبار. ترشد هذه المهارة Claude وCodex وClaude Code إلى مراجعة الميزات وتنفيذها وفقًا لتلك المعايير.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "quetrex-architect" from https://skillstore.io/skills/barnhardt-enterprises-inc-quetrex-architect.md and its manifest at https://skillstore.io/api/skills/barnhardt-enterprises-inc-quetrex-architect/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "quetrex-architect". راجع مسار API جديد لإنشاء مشروع وفق معايير Quetrex.
النتيجة المتوقعة:
جارٍ استخدام "quetrex-architect". افحص مكون لوحة معلومات يمزج تحميل بيانات الخادم مع حالة العميل.
النتيجة المتوقعة:
جارٍ استخدام "quetrex-architect". قيّم ما إذا كانت ميزة Quetrex جاهزة للمراجعة.
النتيجة المتوقعة:
Static findings are false positives caused by markdown code fences, TypeScript examples, and environment-variable guidance in SKILL.md. I found no evidence of prompt injection, data exfiltration, external command execution, or secret harvesting in the reviewed skill content.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/barnhardt-enterprises-inc-quetrex-architect/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/barnhardt-enterprises-inc-quetrex-architect?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/barnhardt-enterprises-inc-quetrex-architect?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/barnhardt-enterprises-inc-quetrex-architect/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/barnhardt-enterprises-inc-quetrex-architect.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). quetrex-architect security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barnhardt-enterprises-inc-quetrex-architect/audits/8@techreport{barnhardt-enterprises-inc-barnhardt-enterprises-inc-quetrex-architect-2026,
author = {Barnhardt-Enterprises-Inc},
title = {quetrex-architect security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/barnhardt-enterprises-inc-quetrex-architect/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: "quetrex-architect 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-quetrex-architect/audits/8"
identifiers:
- type: other
value: "skillstore:barnhardt-enterprises-inc-quetrex-architect:audit:8"
description: "Skillstore immutable audit report identifier"
تنفيذ ميزات Quetrex جديدة مع اتباع TDD والكتابة الصارمة وأنماط App Router والتحقق باستخدام Zod واصطلاحات ShadCN UI.
مراجعة طلبات السحب لاكتشاف الانحراف عن المعمارية وفجوات التحقق وعدم اتساق واجهة المستخدم ونقص الاختبارات قبل الدمج.
إعادة هيكلة شيفرة Quetrex الأقدم مع الحفاظ على أنماط المشروع الموثقة وتوقعات التغطية.
راجع خطة ميزة Quetrex هذه بحثًا عن مشكلات معمارية. تحقق من الوضع الصارم في TypeScript، واستخدام App Router، والتحقق باستخدام Zod، وShadCN UI، وخطوات TDD.
راجع طلب السحب هذا وفق قواعد معمارية Quetrex. اذكر كل مخالفة مع الملف والسطر والسبب والنهج المصحح.
ساعد في تنفيذ ميزة Quetrex هذه باستخدام TDD. ابدأ باختبارات فاشلة، ثم أرشد الكتابة الصارمة في TypeScript والتحقق وأنماط واجهة المستخدم المعتمدة.
دقق إعادة الهيكلة هذه للتأكد من الامتثال لـ Quetrex. قارن الشيفرة الحالية بأنماط المشروع وقواعد الأمان وأهداف التغطية وحدود App Router.
المؤلف
Barnhardt-Enterprises-Incالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
حداثة الصيانة
٢٠/٧/٢٠٢٦
الاستخدام
7 تنزيلات · 268 مشاهدات
بنية الملفات
📄 SKILL.md
تحسين التصميم المرئي للواجهة الأمامية
غالبًا ما تبدو شاشات الواجهة الأمامية العامة متشابهة وتفتقر إلى التركيز على العلامة التجارية. ترشد هذه المهارة اختيارات الطباعة، والألوان، والحركة، والعمق لإنشاء واجهات أوضح.
فرض سير عمل التطوير الموجّه بالاختبارات
غالبًا ما تتخطى الفرق الاختبارات أو تكتبها بعد التنفيذ. ترشد هذه المهارة 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، وممارسات التحقق.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
تحسين تغطية اختبارات Playwright
بواسطة C0ntr0lledCha0s
يمكن أن تصبح مجموعات اختبارات Playwright غير مستقرة عندما تكون الإعدادات والمحددات وfixtures غير متسقة. تمنحك هذه المهارة أنماطًا عملية لاختبارات متصفح موثوقة، وتصحيح الأخطاء، وكائنات صفحات قابلة لإعادة الاستخدام.
بناء أتمتة اختبارات موثوقة
بواسطة 89jobrien
تؤدي الاختبارات الضعيفة إلى إبطاء الإصدارات وإخفاء حالات التراجع. ترشد هذه المهارة استراتيجية الاختبار، وTDD، والأتمتة، ومراجعة التغطية، وفحوصات الويب باستخدام Playwright.
إنشاء تطبيقات Starknet باستخدام starknet.js
بواسطة internet-court
تتطلب عمليات التكامل مع Starknet معالجة دقيقة لمزوّد الخدمة والحسابات والمعاملات والرسوم. توفّر هذه المهارة لـ Claude وCodex وClaude Code أنماطًا عملية لاستخدام starknet.js v9.
تحسين جودة كود Vue 3
بواسطة vuejs-ai
غالبا ما تتراكم في مشاريع Vue أخطاء تتعلق بالتفاعلية والمكونات والأداء مع مرور الوقت. توفر هذه المهارة إرشادات موجهة لـ Vue 3 لاستخدام أنماط أكثر أمانا وكود أوضح.
أنشئ تطبيقات Fullstack بإرشاد خبير
بواسطة alirezarezvani
غالبًا ما تحتاج مشاريع Fullstack إلى إعداد متسق، وخيارات معمارية، وفحوصات جودة. توفر هذه المهارة سكربتات ومراجع للعمل على React وNext.js وNode.js وGraphQL وPostgreSQL.