القائمة
Reduce SCSS specificity debt by eliminating unnecessary !important usage, improving selector strategy, and documenting justified exceptions.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.
Find and prioritize branch-coverage weak spots from Vitest reports, then propose targeted tests that improve confidence without broad churn.
Keep TS/TSX/JS/JSX modules under the 200-line AGENTS.md guideline by splitting large components into focused hooks, view parts, and utilities without behavior regressions.
Enforce repo JSX rendering conventions by replacing condition-and patterns with explicit ternary-plus-null rendering where appropriate.
Normalize TypeScript import style and type usage to repo conventions including type-only imports, import ordering, and Array generic preference.
Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.
| name | scss-specificity-remediation |
| description | Reduce SCSS specificity debt by eliminating unnecessary !important usage, improving selector strategy, and documenting justified exceptions. |
| risk | safe |
| source | self |
| date_added | 2026-05-06 |
Use this skill to reduce styling fragility caused by high specificity and !important overrides.
!important.!important for a known integration boundary.Repo conventions prefer BEM classes with .#{$px}-..., shared partials, and avoiding !important unless justified.
!important usage and classify:
_vars.scss / _utils.scss when repeated.npm run lint!important list.