Compétences css-development:validate
🎨

css-development:validate

Sûr 📁 Accès au système de fichiers

التحقق من أنماط CSS في قاعدة الكود

يتطلب التحقق من CSS مراجعة يدوية للتسمية الدلالية وتغطية الوضع الداكن وتركيب Tailwind. تقوم هذه المهلة بأتمتة التحقق من الأنماط وإنشاء تقارير قابلة للتنفيذ مع مراجع الملفات والسطور.

Prend en charge: Claude Codex Code(CC)
⚠️ 65 Médiocre
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "css-development:validate". Validate styles/components.css

Résultat attendu:

  • تقرير التحقق من CSS ل styles/components.css
  • تم العثور على 15 فئة تم مراجعتها
  • المشكلات: 3 ذات أولوية عالية (الوضع الداكن المفقود), 4 متوسطة (التسمية)
  • أمثلة على المشكلات: .card-header يفتقر للوضع الداكن (سطر 45), .btn-blue يجب أن يكون .button-secondary

Audit de sécurité

Sûr
v3 • 1/10/2026

Pure prompt-based skill with no code execution capabilities. Only reads CSS files for validation as stated in its purpose. No network, filesystem write, or command execution capabilities.

1
Fichiers analysés
357
Lignes analysées
1
résultats
3
Total des audits

Facteurs de risque

📁 Accès au système de fichiers (1)
SKILL.md:67-80
Audité par: claude Voir l’historique des audits →

Score de qualité

38
Architecture
100
Maintenabilité
81
Contenu
21
Communauté
100
Sécurité
61
Conformité aux spécifications

Ce que vous pouvez construire

مراجعة ما قبل الدمج

تحقق من CSS قبل الدمج لضمان اتساق الأنماط عبر قاعدة الكود.

تقييم الديون التقنية

تدقيق CSS الموجود لفجوات الوضع الداكن ومشكلات التسمية عبر قاعدة الكود بأكملها.

فرض الأنماط

التحقق من أن المساهمين يتبعون أنماط CSS المحددة أثناء عملية مراجعة الكود.

Essayez ces prompts

التحقق الأساسي 
تحقق من CSS في styles/components.css مقابل الأنماط المحددة. تحقق من التسمية الدلالية وتغطية الوضع الداكن واستخدام @apply في Tailwind.
فحص مركّز 
تحقق من جميع ملفات CSS بحثاً عن متغيرات الوضع الداكن المفقودة على العناصر الملونة. لكل فئة مفقودة متغير dark: مع مراجع الملف:السطر.
مراجعة التسمية 
مراجعة أسماء فئات CSS للتسمية غير الدلالية. الإشارة إلى الأسماء المستندة إلى الأدوات مثل .btn-blue أو .text-big واقتراح بدائل دلالية.
تدقيق كامل 
تشغيل التحقق الكامل من CSS: التحقق من التسمية الدلالية وتغطية الوضع الداكن واستخدام @apply وتغطية الاختبارات والتوثيق. تقديم ملخص مع توصيات ذات أولوية.

Bonnes pratiques

  • حدد مسار ملف CSS المحدد للتحقق للحصول على نتائج مركّزة
  • راجع مشكلات الوضع الداكن أولاً لأنها تسبب مشاكل بصرية
  • استخدم تقارير التحقق قبل إعادة الهيكلة لفهم النطاق

Éviter

  • استخدام أسماء فئات الأدوات مثل .btn-blue أو .text-big
  • فقدان متغيرات dark: على ألوان الخلفية والنص
  • تعبيرات Tailwind المتناثرة في الترميز بدلاً من تركيب @apply

Foire aux questions

هل يمكن لهذه المهلة تعديل ملفات CSS؟
لا. هذه المهلة تتحقق فقط وتبلغ عن المشكلات. استخدم مهارة css-development:refactor لإصلاح المشكلات تلقائياً.
ما ملفات CSS التي تتحقق منها؟
تقرأ أي ملفات CSS تحددها. تشمل المسارات الشائعة styles/components.css وأوراق الأنماط الخاصة بالمكونات.
هل تختبر الأنماط المعروضة في المتصفح؟
لا. تتحقق من أنماط CSS الثابتة فقط. تتطلب اختبارات عرض المتصفح ملفات اختبار منفصلة.
هل يتم إرسال بيانات من ملفات CSS في أي مكان؟
لا. تعمل هذه المهلة محلياً وتقرأ فقط الملفات لتقديم ملاحظات التحقق ضمن جلستك.
لماذا يتم الإشارة إلى بعض الفئات على أنها غير دلالية؟
الأسماء غير الدلالية مثل .btn-blue تصف المظهر بدلاً من الغرض. استخدم أسماء مثل .button-primary التي تصف ماهية العنصر.
كيف تختلف هذه عن css-development:refactor؟
التحقق يراجع ويبلغ عن المشكلات. إعادة الهيكلة تعدّل الكود فعلياً. استخدم التحقق أولاً لفهم النطاق، ثم أعد الهيكلة للإصلاح.

Détails du développeur

Licence

MIT

Dépôt

https://github.com/2389-research/claude-plugins/tree/main/css-development/skills/validate

Réf

main

Structure de fichiers

📄 SKILL.md