المهارات tailwind-patterns
📦

tailwind-patterns

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

أنشئ أنماط Tailwind UI بشكل أسرع

غالبًا ما تحتاج مشاريع Tailwind إلى أنماط فئات utility متسقة ومكوّنات متجاوبة. توفر هذه المهارة مراجع سريعة للتخطيطات والحالات والنماذج والبطاقات والوضع الداكن.

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

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

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

طلب الوكيل
Review the Skillstore skill "tailwind-patterns" from https://skillstore.io/skills/0xdarkmatter-tailwind-patterns.md and its manifest at https://skillstore.io/api/skills/0xdarkmatter-tailwind-patterns/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/0xdarkmatter-tailwind-patterns.md manifest موقَّع GET /api/skills/0xdarkmatter-tailwind-patterns/manifest lockfile موقَّع GET /api/skills/0xdarkmatter-tailwind-patterns/lockfile

اختبرها

جارٍ استخدام "tailwind-patterns". اطلب نمط بطاقة أسعار متجاوبة.

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

توصي الاستجابة ببطاقة متمركزة، وتسمية خطة بارزة، وتسلسل هرمي للسعر، وتباعد قائمة الميزات، وزر إجراء بعرض كامل.

جارٍ استخدام "tailwind-patterns". اسأل عن كيفية إضافة دعم الوضع الداكن إلى قسم.

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

تشرح الاستجابة الوضع الداكن المعتمد على الفئات وتقرن أدوات الخلفية والنص الفاتحة بمتغيرات داكنة.

جارٍ استخدام "tailwind-patterns". اطلب حالات تحميل لإجراء إرسال.

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

تقترح الاستجابة أنماط spinner وskeleton وزر معطل مع تباعد واضح ونص تحميل قابل للوصول.

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

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

All static findings are false positives caused by Markdown code fences, inline Tailwind notation, and HTML comments. No shell execution, network reconnaissance, system reconnaissance, prompt injection, or data exfiltration intent was found in SKILL.md or references/component-patterns.md.

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

عوامل الخطر

⚙️ الأوامر الخارجية (31)
SKILL.md:16 SKILL.md:17 SKILL.md:18 SKILL.md:19 SKILL.md:20 SKILL.md:22-26 SKILL.md:26-30 SKILL.md:30-42 SKILL.md:42-46 SKILL.md:46-51 SKILL.md:51-55 SKILL.md:55-59 SKILL.md:59-63 SKILL.md:63-67 SKILL.md:67-71 SKILL.md:71-73 SKILL.md:73-75 SKILL.md:75-78 SKILL.md:78-84 SKILL.md:84-85 SKILL.md:85-86 SKILL.md:86-87 SKILL.md:87-88 SKILL.md:88-94 SKILL.md:94-95 SKILL.md:95-96 SKILL.md:96-97 SKILL.md:97-98 SKILL.md:98-102 SKILL.md:102-104 SKILL.md:104-109
لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.
دقّقه: codex عرض سجل التدقيق →
شارك واستشهد بهذا التقرير

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

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

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

https://skillstore.io/skills/0xdarkmatter-tailwind-patterns/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/0xdarkmatter-tailwind-patterns/security.svg)](https://skillstore.io/skills/0xdarkmatter-tailwind-patterns?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/0xdarkmatter-tailwind-patterns?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/0xdarkmatter-tailwind-patterns/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

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

<iframe src="https://skillstore.io/embed/skills/0xdarkmatter-tailwind-patterns.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

0xDarkMatter. (2026). tailwind-patterns security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/0xdarkmatter-tailwind-patterns/audits/7

اقتباس BibTeX

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

مقارنة المتغيرات

2 متغيرات قابلة للتثبيت

تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.

سبب تصدر هذا المتغير

أعلى تقييم في Skillstore
sickn33 موصى به

sickn33-tailwind-patterns

تقييم Skillstore 78
موثوقية الأدلة مرتفع
استخدام Skillstore 13
تم التحديث

2026-09-09

0xDarkMatter الحالي

0xdarkmatter-tailwind-patterns

تقييم Skillstore 74
موثوقية الأدلة مرتفع
استخدام Skillstore 35
تم التحديث

2026-09-09

تقييم Skillstore

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

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

إنشاء تخطيطات متجاوبة

استخدم أنماط نقاط التوقف والشبكات لتصميم تخطيطات تتكيف عبر شاشات الجوال والأجهزة اللوحية وسطح المكتب.

توحيد مكوّنات واجهة المستخدم

أعد استخدام بطاقات وأزرار ونماذج وتنبيهات وشارات وحالات تحميل متسقة عبر واجهة المنتج.

مراجعة اختيارات Tailwind utility

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

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

العثور على نمط utility 
استخدم مهارة أنماط Tailwind لاقتراح فئات utility لبطاقة متجاوبة تحتوي على padding وshadow وتنسيق hover.
تحويل تخطيط 
استخدم مهارة أنماط Tailwind لتحويل فكرة التخطيط هذه إلى إرشادات utility للحاويات وflex والشبكات بأسلوب mobile-first.
تحسين اتساق المكوّنات 
راجع مكوّنات المنتج هذه باستخدام مهارة أنماط Tailwind ووافق بين التباعد والحالات والحدود والسلوك المتجاوب فيها.
تخطيط نظام واجهة Tailwind 
استخدم مهارة أنماط Tailwind لتعريف مجموعة أنماط مكوّنات للتنقل والنماذج والتنبيهات والشارات وحالات التحميل والوضع الداكن.

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

  • ابدأ بفئات mobile-first، ثم أضف بادئات نقاط التوقف فقط حيث يحتاج التخطيط إلى التغيير.
  • حافظ على اتساق اختيارات التباعد ونصف قطر الحدود والظل عبر المكوّنات المتكررة.
  • اقرن الحالات التفاعلية بأنماط disabled وfocus والوضع الداكن القابلة للوصول.

تجنب

  • تجنب نسخ مقتطفات المكوّنات دون تعديل المحتوى والدلالات وسمات إمكانية الوصول.
  • تجنب استخدام القيم المخصصة عندما يعبّر مقياس Tailwind القياسي عن التصميم بوضوح.
  • تجنب مزج العديد من أنماط utility غير المرتبطة عندما يكون نمط مكوّن قابل لإعادة الاستخدام أوضح.

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

هل تنشئ هذه المهارة تطبيقات كاملة؟
لا. توفر أنماط Tailwind utility والمكوّنات التي يمكن أن تدعم تطوير التطبيقات.
ما إصدارات Tailwind CSS التي تستهدفها؟
تذكر المهارة توافقها مع Tailwind CSS version 3 والمشاريع الأحدث.
هل يمكنها المساعدة في التصميم المتجاوب؟
نعم. تتضمن بادئات نقاط التوقف وأمثلة تخطيط mobile-first لأحجام الشاشات الشائعة.
هل تتضمن إرشادات للوضع الداكن؟
نعم. تتضمن أنماط الوضع الداكن المعتمدة على الفئات ومثالًا أساسيًا لإعداد Tailwind.
هل تشغّل أوامر أو تثبّت حزمًا؟
لا. تحتوي ملفات المهارة على التوثيق والأمثلة فقط.
هل يمكنها أن تحل محل توثيق Tailwind الرسمي؟
لا. استخدمها كمرجع سريع للأنماط وراجع التوثيق الرسمي للتفاصيل الكاملة للواجهة البرمجية.

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

المؤلف

0xDarkMatter

الترخيص

MIT

مراجعة Skillstore

r1

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

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

المستودع

https://github.com/0xDarkMatter/claude-mods/tree/main/skills/tailwind-patterns

مرجع

c1fdca50ff516318f65fed0d7f9e82797c5171dc

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

٢٥‏/٧‏/٢٠٢٦

الاستخدام

33 تنزيلات · 205 مشاهدات

بنية الملفات

📁 references/

📄 component-patterns.md

📄 SKILL.md

المزيد من 0xDarkMatter

عرض الكل
📦

python-fastapi-patterns

85

إنشاء واجهات API باستخدام FastAPI بأنماط قابلة لإعادة الاستخدام

تحتاج مشاريع FastAPI إلى اختيارات متسقة للتحقق من الصحة، والتبعيات، والبرمجيات الوسيطة، والعمل في الخلفية. تمنح هذه المهارة Claude وCodex وClaude Code أنماطًا قابلة لإعادة الاستخدام لتطوير واجهات API عملية بلغة Python.

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

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

عرض الكل