Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →aiskillstore/css-development-refactor
This skill should be used when refactoring existing CSS from inline styles or utility classes to semantic patterns.
Passed 2 of 21 test cases with the skill, and 19 of 21 without it.
0 fixed2 passed either way9 still failing11 broke
Tokens, turns and time describe resource use, not a dollar price.
The instructions your model reads when the skill loads.
Transforms existing CSS into semantic component patterns:
@apply compositionsThis is a sub-skill of css-development - typically invoked automatically via the main skill.
Use when:
This skill refactors toward patterns documented in the main css-development skill:
Semantic naming: .button-primary not .btn-blue
Tailwind composition: Use @apply to compose utilities
Dark mode: Include dark: variants
Composition first: Reuse existing classes before creating new
Test coverage: Static CSS + component rendering tests
When this skill is invoked, create a TodoWrite checklist and refactor systematically.
"I'm using the css-development:refactor skill to transform this CSS into semantic component patterns."
test cases passed, vs 19 / 21 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.