تخطَّ إلى المحتوى
+ أضف منتج إنشاء حساب تسجيل الدخول

منظّف إعادة هيكلة CSS

تطوير واجهات الويب agent-skills filesystem MIT
⬇ تنزيل vsha-373ca61650f3

SHA-256: 373ca61650f3655f632650248898a50564761325a6f4ac08692718dc92d20e21 3 كيلوبايت

✦ جاهزة لبيئة عملك

ثبّت هذه المهارة مباشرة داخل وكيلك

اختر الوكيل، انسخ الأمر، وشغّله من مجلد مشروعك. يتولى CLI تنزيل الحزمة والتحقق من بصمة SHA-256 ووضع الملفات في المسار المناسب.

$npx @ai-dalil/skills add css-refactor-cleaner --agent codex

@ai-dalil/skills على npm - Node.js 18.18 أو أحدث.

↓ تنزيل ZIP · الإصدار sha-373ca61650f3 بيانات API ↗ سجل الإصدارات ↗

الوصف

عربي

ينظف أوراق التنسيق المتضخمة: إزالة القواعد الميتة، توحيد التكرار، وتقليل الخصوصية المفرطة بأمان.

English

Clean bloated stylesheets: dead rule removal, duplication unification, and safe specificity reduction.

بيانات المهارة التقنية

SKILL name
css-refactor-cleaner
الوصف الأصلي
Clean bloated stylesheets: dead rule removal, duplication unification, and safe specificity reduction.
إصدار المهارة
1.1.0
التوافق
وكيل يدعم Agent Skills · بيئة Node.js 18+ أو متصفح حديث للمعاينة
الأدوات المسموح بها
Read, Write
الكلمات المفتاحية
css, refactoring, frontend, cleanup
لغة المصدر
multilingual
الفرع / المرجع
main
دليل الترخيص
Original editorial content authored for the AiDalil catalog and released under MIT by the catalog owner. (high)

بيانات المصدر الأصلية (YAML)

عرض Frontmatter الأصلي
name: css-refactor-cleaner
description: Clean bloated stylesheets: dead rule removal, duplication unification, and safe specificity reduction.
version: 1.1.0
metadata:
  author: AiDalil Editorial
  category: web-frontend
  compatibility: amp, codex-cli, cline, kilo-code, cursor, api
  difficulty: intermediate
  tags: [css, refactoring, frontend, cleanup]

تعليمات SKILL.md

المحتوى الأصلي للمهارة كما ورد من المصدر، مع الحفاظ على تنسيق Markdown.

عرض التعليمات الكاملة
# Css Refactor Cleaner

**Goal:** Clean bloated stylesheets: dead rule removal, duplication unification, and safe specificity reduction.

> الهدف: ينظف أوراق التنسيق المتضخمة: إزالة القواعد الميتة، توحيد التكرار، وتقليل الخصوصية المفرطة بأمان.

## When to use
- الحالة النموذجية: ينظف أوراق التنسيق المتضخمة: إزالة القواعد الميتة، توحيد التكرار، وتقليل الخصوصية المفرطة بأمان.
- إصلاح مشكلات التوافق بين المتصفحات والأجهزة.
- رفع جودة إتاحة الواجهة لذوي الهمم وفق معايير WCAG.
- بناء واجهة جديدة من الصفر أو إعادة بناء واجهة قائمة.
- تحسين سرعة تحميل الصفحات ومؤشرات الأداء الأساسية.

## Workflow
1. تحقق من الإتاحة: تباين الألوان، التنقل بلوحة المفاتيح، وتسميات قارئ الشاشة.
2. حدّد الهدف بدقة: منظّف إعادة هيكلة CSS. اكتب النتيجة المتوقعة في سطر واحد قبل أي كود.
3. قسّم الواجهة المطلوبة إلى مكوّنات صغيرة قابلة لإعادة الاستخدام مع تحديد مسؤولية كل مكوّن.
4. طبّق التنسيق بنظام المشروع المعتمد مع مبدأ الشاشات الصغيرة أولاً.
5. سلّم التغييرات على دفعات صغيرة مع وصف مراجعة واضح ولقطات شاشة للنتيجة.
6. أضف التفاعلات تدريجياً مع معالجة صريحة لحالات التحميل والفراغ والخطأ.
7. ابنِ الهيكل الدلالي أولاً بعناصر HTML صحيحة قبل إضافة أي تنسيق أو تفاعل.
8. قِس الأداء قبل وبعد التغييرات واحتفظ بالأرقام في ملخص المهام.

## Rules
- لا تضف مكتبات جديدة قبل استبعاد إمكانية الحل بالأدوات الموجودة.
- لا تُخفِ الأخطاء؛ اعرض حالة خطأ واضحة ومفهومة للمستخدم.
- أسماء المكوّنات تصف الوظيفة لا الشكل فقط.
- حافظ على حجم الحزمة النهائية؛ كل كيلوبايت مبرر.
- كل تفاعل يجب أن يعمل بلوحة المفاتيح قبل الفأرة.

## Output contract
- لقطات شاشة للحالات الرئيسية: عادي، تحميل، فراغ، خطأ.
- ملخص تغيير يوضح المكوّنات المضافة والمعدّلة.
- ملاحظات إتاحة مع نتائج الفحوص اليدوية.
- خطوات إعادة إنتاج محلية لمراجع الكود.

## Quality checks
- [ ] هل حُذف الكود الميت والأنماط غير المستخدمة قبل التسليم؟
- [ ] هل اختُبرت حالات التحميل والفراغ والخطأ للبيانات؟
- [ ] هل نسب التباين مطابقة للحد الأدنى 4.5:1 للنص العادي؟
- [ ] هل تعمل الواجهة على شاشة بعرض 360 بكسل دون كسر التخطيط؟
- [ ] هل اجتازت العناصر التفاعلية التنقل الكامل بلوحة المفاتيح؟

## Skill identity
- Skill name: `css-refactor-cleaner`
- Version: 1.1.0
- Domain: Web Frontend Development (تطوير واجهات الويب)
- Tags: css, refactoring, frontend, cleanup

التثبيت اليدوي

استخدم هذا المسار عند عدم استخدام CLI أو عند إدارة ملفات المهارات يدويًا.

  1. نزّل ملف ZIP للإصدار المطلوب من أعلى الصفحة، أو افتح المصدر الأصلي إذا لم تتوفر حزمة مستضافة.
  2. فك الضغط، ثم انقل مجلد المهارة الذي يحتوي مباشرة على SKILL.md إلى مجلد الوكيل.
  3. أعد تحميل الوكيل أو افتح جلسة جديدة، ثم تأكد من ظهور المهارة ضمن المهارات المتاحة.
Codex.agents/skills/css-refactor-cleaner/
Claude Code.claude/skills/css-refactor-cleaner/
Cursor.cursor/skills/css-refactor-cleaner/

تعليمات خاصة بهذه المهارة

Extract the skill folder into your agent's skills directory (for example the project skills folder) or install the ZIP package from the skill page. No build step is required; everything is Markdown.

حالات الاستخدام

• توحيد مكونات الواجهة داخل نظام تصميم واحد. • رفع جودة إتاحة الواجهة لذوي الهمم وفق معايير WCAG. • تحسين سرعة تحميل الصفحات ومؤشرات الأداء الأساسية.

المتطلبات

• Any Agent Skills compatible assistant (Claude Code, Claude Desktop, or API agents). • Basic file access to read the bundled reference playbook. • No external services required for the standard workflow.

الإصدارات

الإصدار الحجم الملفات تاريخ النشر تنزيل
vsha-373ca61650f3 3 كيلوبايت 2 4 نوفمبر، 2026 تحميل

الأمان والفحص

فحص أساسي ✓ — 1 نوفمبر، 2026

مجتمع يبني قدرات أفضل

هل طوّرت مهارة تستحق أن يكتشفها الآخرون؟

ساهم في إثراء مكتبة المهارات، وعرّف المجتمع على عملك مع حفظ نسبه إلى مصدره الأصلي.

أرسل مهارة كيف تعمل المهارات؟
قسم المهارات — دليل AIالعودة إلى دليل AI ↗