unocss
تكوين UnoCSS بسرعة أكبر
قد يكون إعداد UnoCSS صعبًا عندما تتفاعل الإعدادات المسبقة والاختصارات والمتغيرات والتكاملات معًا. تمنح هذه المهارة Claude وCodex وClaude Code إرشادات مرجعية مركزة للعمل العملي على UnoCSS.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "unocss" from https://skillstore.io/skills/antfu-unocss.md and its manifest at https://skillstore.io/api/skills/antfu-unocss/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "unocss". يحتاج تطبيق Vue إلى UnoCSS مع الأيقونات والطباعة ومجموعات المتغيرات.
النتيجة المتوقعة:
خطة إعداد تسرد الحزم المطلوبة، وأقسام التكوين، وتسجيل الإضافات، وفحوصات ملفات تكوين UnoCSS الحالية.
جارٍ استخدام "unocss". يكرر فريق سلاسل أدوات الأزرار والشارات عبر المكونات.
النتيجة المتوقعة:
مقترح تصميم اختصارات يتضمن إرشادات التسمية، ومواءمة الرموز، وملاحظات حول الحالات التي تكون فيها الاختصارات الديناميكية مناسبة.
جارٍ استخدام "unocss". يحتوي مشروع Nuxt على إعدادات UnoCSS مُنشأة وتجاوزات محلية.
النتيجة المتوقعة:
ملخص مراجعة يشرح كيفية توسيع التكوين المدمج بأمان وأين يجب حفظ الاختصارات الخاصة بالمشروع.
التدقيق الأمني
آمنAll 50 static findings are false positives in documentation examples or ordinary prose. The skill contains no executable scripts, prompt injection, credential access, command execution, or covert network behavior.
عوامل الخطر
⚙️ الأوامر الخارجية (26)
📁 الوصول إلى نظام الملفات (4)
🌐 الوصول إلى الشبكة (4)
⚡ يحتوي على سكربتات (2)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/antfu-unocss/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/antfu-unocss?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/antfu-unocss?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-unocss/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/antfu-unocss.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
antfu. (2026). unocss security audit report (audit version 5) [Author version 2026.1.28]. Skillstore. https://skillstore.io/skills/antfu-unocss/audits/5اقتباس BibTeX
@techreport{antfu-antfu-unocss-2026,
author = {antfu},
title = {unocss security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/antfu-unocss/audits/5},
note = {Author version 2026.1.28}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "unocss security audit report (audit version 5)"
version: "2026.1.28"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-unocss/audits/5"
identifiers:
- type: other
value: "skillstore:antfu-unocss:audit:5"
description: "Skillstore immutable audit report identifier"
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
إعداد UnoCSS
أضف تكوينًا للمشروع، واختر الإعدادات المسبقة، واربط UnoCSS مع Vite أو Nuxt.
تصميم واجهات برمجة أدوات CSS
أنشئ قواعد واختصارات وقوائم safelist ومتغيرات تتوافق مع نظام تصميم.
ترحيل أنماط Tailwind
اربط سير عمل أدوات Tailwind CSS المألوفة بإعدادات UnoCSS المسبقة ومحولاته.
جرّب هذه الموجّهات
ساعدني في إنشاء تكوين UnoCSS أساسي لهذا المشروع. افحص ملفات التكوين الحالية أولًا، ثم اقترح إعدادات مسبقة وعمليات استيراد آمنة.
راجع فئات الأدوات المتكررة لدي واقترح اختصارات UnoCSS. أبقِ الأسماء واضحة ومتوافقة مع إعدادات preset الحالية.
صمّم قواعد UnoCSS ثابتة وديناميكية لرموز التصميم هذه. اشرح المطابقة، وسلوك CSS المُنشأ، والحالات الحدية.
دقق تكامل UnoCSS مع Vite أو Nuxt لدي. تحقق من الإعدادات المسبقة، والمحولات، والاستخراج، وsafelist، والطبقات، ومقايضات الأداء.
أفضل الممارسات
- افحص uno.config.* أو unocss.config.* قبل التوصية بصياغة متقدمة.
- فضّل استخدام الفئات بشكل صريح ما لم يكن المشروع قد فعّل بالفعل أوضاع attributify أو tagify.
- حافظ على توافق القواعد والاختصارات المخصصة مع رموز السمة الحالية.
تجنب
- لا تفترض أن كل إضافة أو فئة Tailwind تعمل دون التحقق من preset النشط.
- لا تضف attributify أو tagify أو transformers دون تأكيد دعم المشروع لها.
- لا تنشئ قواعد ديناميكية واسعة عندما تكون قاعدة ثابتة صغيرة أو اختصار أوضح.
الأسئلة المتكررة
ما الذي تساعد فيه هذه المهارة؟
هل تدعم مستخدمي Tailwind CSS؟
هل يمكنها إنشاء نظام تصميم كامل؟
هل تنفذ أوامر UnoCSS؟
هل يجب على الوكلاء فحص الملفات المحلية أولًا؟
ما التكاملات التي تتم تغطيتها؟
تفاصيل المطور
المؤلف
antfuالترخيص
MIT
إصدار المؤلف
v2026.1.28
مراجعة Skillstore
r2
مرجع
89edfdc710d0846129dcee6a929477b04f08052c
حداثة الصيانة
٢٥/٧/٢٠٢٦
الاستخدام
13 تنزيلات · 180 مشاهدات
بنية الملفات