المهارات combat-ui-pattern-a
📦

combat-ui-pattern-a

مراجعة المحتوى r1 آمن ⚙️ الأوامر الخارجية

بناء واجهة قتال بلوحات مقسمة

من الصعب تقسيم شاشات القتال إلى مناطق واضحة للاعب والعدو والإجراءات. تمنح هذه المهارة Claude وCodex وClaude Code دليلا قابلا لإعادة الاستخدام لتنفيذ ذلك في React.

يدعم: Claude Codex Code(CC)
📊 76 كافٍ

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل
Review the Skillstore skill "combat-ui-pattern-a" from https://skillstore.io/skills/cesaraugustusgrob-combat-ui-pattern-a.md and its manifest at https://skillstore.io/api/skills/cesaraugustusgrob-combat-ui-pattern-a/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل Markdown GET /skills/cesaraugustusgrob-combat-ui-pattern-a.md manifest موقَّع GET /api/skills/cesaraugustusgrob-combat-ui-pattern-a/manifest lockfile موقَّع GET /api/skills/cesaraugustusgrob-combat-ui-pattern-a/lockfile

اختبرها

جارٍ استخدام "combat-ui-pattern-a". ابن أساس تخطيط Pattern A لمشهد القتال.

النتيجة المتوقعة:

خطة CombatLayout مولدة بثلاث مناطق، وسلوك متجاوب على الهاتف، ونقاط تركيب واضحة للرأس ومنطقة المواجهة وحامل الإجراءات.

جارٍ استخدام "combat-ui-pattern-a". أنشئ لوحات شخصيات قابلة لإعادة الاستخدام لبيانات اللاعب والعدو.

النتيجة المتوقعة:

تصميم مكوّن يدعم المحاذاة المعكوسة، وعرض الهوية، وأشرطة الموارد، وتأثيرات الحالة، وعرض الصور الرمزية، ونقاط تثبيت النص العائم.

جارٍ استخدام "combat-ui-pattern-a". حسّن ملاحظات القتال وعناصر التحكم في الإجراءات.

النتيجة المتوقعة:

مخطط تنفيذ لواجهة المستخدم يشمل الإجراءات السريعة والإجراءات الرئيسية وتأثيرات VS واهتزاز الشاشة ونص القتال العائم وبدائل reduced-motion.

التدقيق الأمني

آمن
v8 • ٦‏/٧‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

All 67 static findings appear to be false positives caused by markdown code fences, TypeScript template literals, Tailwind grid examples, and fixed local scaffolding commands. I found no evidence of prompt injection, data exfiltration, destructive behavior, network access, credential access, or malicious command execution in the reviewed files.

5
الملفات التي تم فحصها
2,425
الأسطر التي تم تحليلها
0
عناصر المراجعة
0
تم تجاهل الإيجابيات الكاذبة

عوامل الخطر

⚙️ الأوامر الخارجية (47)
references/animations.md:369-371 references/animations.md:371-382 references/animations.md:512-535 references/styling-tokens.md:381-384 references/styling-tokens.md:388-391 references/styling-tokens.md:395-398 references/styling-tokens.md:403-405 references/styling-tokens.md:420-423 references/styling-tokens.md:433-436 references/styling-tokens.md:444-446 references/styling-tokens.md:461-464 references/styling-tokens.md:472-475 references/styling-tokens.md:482-485 references/styling-tokens.md:489-491 references/styling-tokens.md:506-509 references/styling-tokens.md:513-516 references/styling-tokens.md:520-523 references/styling-tokens.md:527-530 references/styling-tokens.md:535-537 SKILL.md:12-23 SKILL.md:23-27 SKILL.md:27-61 SKILL.md:61-65 SKILL.md:65-76 SKILL.md:76-106 SKILL.md:106-126 SKILL.md:126-132 SKILL.md:132-133 SKILL.md:133-141 SKILL.md:141-147 SKILL.md:147-151 SKILL.md:151-161 SKILL.md:161-167 SKILL.md:167-177 SKILL.md:177-181 SKILL.md:181-196 SKILL.md:196-201 SKILL.md:201-206 SKILL.md:206-207 SKILL.md:207-208 SKILL.md:208-211 SKILL.md:211-243 SKILL.md:243-244 SKILL.md:244-245 SKILL.md:245-246 SKILL.md:246-247 SKILL.md:247-248
لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.
دقّقه: codex عرض سجل التدقيق →
شارك واستشهد بهذا التقرير

شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار
تقييم الأمان

نسخ رابط التقرير

https://skillstore.io/skills/cesaraugustusgrob-combat-ui-pattern-a/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/cesaraugustusgrob-combat-ui-pattern-a/security.svg)](https://skillstore.io/skills/cesaraugustusgrob-combat-ui-pattern-a?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/cesaraugustusgrob-combat-ui-pattern-a?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cesaraugustusgrob-combat-ui-pattern-a/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

بطاقة قابلة للتضمين

<iframe src="https://skillstore.io/embed/skills/cesaraugustusgrob-combat-ui-pattern-a.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

CesarAugustusGroB. (2026). combat-ui-pattern-a security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cesaraugustusgrob-combat-ui-pattern-a/audits/8

اقتباس BibTeX

@techreport{cesaraugustusgrob-cesaraugustusgrob-combat-ui-pattern-a-2026, author = {CesarAugustusGroB}, title = {combat-ui-pattern-a security audit report (audit version 8)}, institution = {Skillstore}, year = {2026}, number = {8}, url = {https://skillstore.io/skills/cesaraugustusgrob-combat-ui-pattern-a/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: "combat-ui-pattern-a security audit report (audit version 8)" version: "unspecified" type: report authors: - name: "CesarAugustusGroB" date-released: "2026-07-06" url: "https://skillstore.io/skills/cesaraugustusgrob-combat-ui-pattern-a/audits/8" identifiers: - type: other value: "skillstore:cesaraugustusgrob-combat-ui-pattern-a:audit:8" description: "Skillstore immutable audit report identifier"

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: مرتفع
45
الهندسة المعمارية
85
قابلية الصيانة
87
المحتوى
74
المجتمع
83
الامتثال للمواصفات

ما الذي يمكنك بناؤه

إعادة هيكلة شاشة قتال

حوّل مشهد قتال عموديا مزدحما إلى تخطيط لاعب ضد عدو مقسم، باستخدام مكونات React قابلة لإعادة الاستخدام.

توحيد مكونات واجهة اللعبة

أنشئ لوحات وبطاقات إجراءات ورؤوسا وفواصل مشتركة تتبع نمطا واحدا لواجهة القتال.

نمذجة تدفق معركة تكتيكية

أنشئ تخطيط قتال واضحا يفصل حالة المرحلة وحالة الشخصية والإجراءات المتاحة.

جرّب هذه الموجّهات

إنشاء هيكل التخطيط 
Use combat-ui-pattern-a to build only the CombatLayout shell. Include responsive rows, imports, and props that match the existing project.
إضافة رأس المرحلة 
Use combat-ui-pattern-a to implement PhaseHeader. Show turn number, current phase, side action count, and approach modifiers.
استخراج لوحات الشخصيات 
Use combat-ui-pattern-a to extract CharacterPanel from the existing player and enemy UI. Preserve health, chakra, buffs, identity, and alignment.
إكمال واجهة القتال 
Use combat-ui-pattern-a to migrate Combat.tsx to Pattern A. Implement layout, panels, action dock, VS divider, animations, and reduced-motion support.

أفضل الممارسات

  • ابدأ بـ CombatLayout قبل استخراج المكونات الأصغر.
  • حافظ على توافق props مع أنواع حالة اللعبة الحالية.
  • اختبر السلوك المتجاوب ودعم reduced-motion أثناء الترحيل.

تجنب

  • لا تعد كتابة منطق اللعبة أثناء إعادة هيكلة واجهة القتال.
  • لا تضع قيما ثابتة للاعب أو العدو داخل المكونات القابلة لإعادة الاستخدام.
  • لا تزل تخطيط القتال القديم قبل التحقق من صحة التخطيط الجديد.

الأسئلة المتكررة

ما الذي تبنيه هذه المهارة؟
ترشد إلى إنشاء واجهة قتال React بلوحات مقسمة للعبة SHINOBI WAY.
ما أطر العمل التي تفترضها؟
تفترض استخدام React وTypeScript وTailwind CSS في المشروع المستهدف.
هل يمكنها إنشاء كل المكونات دفعة واحدة؟
نعم، لكن سير العمل يوصي بالبدء بهيكل التخطيط ثم استخراج المكونات.
هل تتضمن إرشادات للرسوم المتحركة؟
نعم. تغطي keyframes واهتزاز الشاشة والنص العائم والتوقيت وhooks ومعالجة reduced-motion.
هل هي محدودة بـ SHINOBI WAY؟
المراجع خاصة بـ SHINOBI WAY، لكن يمكن تكييف النمط مع ألعاب قتال أخرى.
هل تتضمن سلوكا حساسا من الناحية الأمنية؟
لم يتم العثور على أي دليل على وصول إلى الشبكة أو التعامل مع الأسرار أو أوامر مدمرة أو حقن تعليمات.

تفاصيل المطور

المؤلف

CesarAugustusGroB

الترخيص

MIT

مراجعة Skillstore

r1

تنبيه الإصدار

لم يعلن المؤلف عن إصدار.

المستودع

https://github.com/CesarAugustusGroB/SHINOBI-WAY-the-inifinite-tower/tree/main/.claude/skills/combat-ui-pattern-a

مرجع

dd4a3ef9f20ddf38830950b4bb713df96b431fd6

حداثة الصيانة

١٨‏/٧‏/٢٠٢٦

الاستخدام

7 تنزيلات · 450 مشاهدات

بنية الملفات

📁 references/

📄 animations.md

📄 component-interfaces.md

📄 layout-specs.md

📄 styling-tokens.md

📄 SKILL.md

المزيد من CesarAugustusGroB

عرض الكل

مهارات ذات صلة

عرض الكل
📦

react-nextjs-development

80

بناء تطبيقات React و Next.js حديثة

بواسطة sickn33

غالبا ما تحتاج مشاريع React و Next.js إلى اختيارات إعداد متسقة عبر التوجيه، والمكونات، والتنسيق، والبيانات، والنماذج، والاختبارات، والنشر. تمنح هذه المهارة Claude و Codex و Claude Code سير عمل قائمًا على مراحل لتخطيط وبناء تطبيقات واجهة أمامية حديثة.

البرمجة والتطوير عرض
📦

playwright-testing

86

تحسين تغطية اختبارات Playwright

بواسطة C0ntr0lledCha0s

يمكن أن تصبح مجموعات اختبارات Playwright غير مستقرة عندما تكون الإعدادات والمحددات وfixtures غير متسقة. تمنحك هذه المهارة أنماطًا عملية لاختبارات متصفح موثوقة، وتصحيح الأخطاء، وكائنات صفحات قابلة لإعادة الاستخدام.

البرمجة والتطوير عرض