Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →aiskillstore/css-development-validate
This skill should be used when reviewing or auditing existing CSS code for consistency with established patterns.
Passed 17 of 22 test cases with the skill, and 13 of 22 without it.
and 6 more in the full report
6 fixed11 passed either way3 still failing2 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.
Inspect this CSS class definition: `.marketing-hero { @apply bg-slate-900 text-white p-12 rounded-xl; }`. What documentation requirement is unfulfilled?
| Checked | Without skill | With skill |
|---|---|---|
| The response notes that the class lacks a documentation comment preceding its definition. | Passed | Passed |
| The response specifies including both an explanatory purpose comment and an HTML/JSX usage example above the class. | Missed | Passed |
The instructions your model reads when the skill loads.
Reviews existing CSS code against established patterns and provides specific, actionable feedback:
@apply compositionThis is a sub-skill of css-development - typically invoked automatically via the main skill.
Use when:
This skill validates against 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
Test coverage: Static CSS + component rendering tests
Documentation: Usage comments above classes
When this skill is invoked, create a TodoWrite checklist and work through validation systematically.
"I'm using the css-development:validate skill to review this CSS against established patterns."
test cases passed, vs 13 / 22 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.