Agent skill · writing content · aiskillstore
css-development-validate
This skill should be used when reviewing or auditing existing CSS code for consistency with established patterns. Triggers on "review CSS", "audit styles", "check CSS", "validate stylesheet", "CSS review". Checks semantic naming, dark mode coverage, Tailwind usage, and test coverage.
Why this skill is useful
Provides specific validation patterns and actionable feedback for CSS code that the AI wouldn't reliably generate on its own.
What it needs
About 5k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
CSS Development: Validate Overview Reviews existing CSS code against established patterns and provides specific, actionable feedback: Semantic naming conventions Tailwind @apply composition Dark mode variant coverage Test coverage (static + rendering) Documentation quality Composition opportunities This is a sub-skill of css-development - typically invoked automatically via the main skill. When This Skill Applies Use when: Reviewing existing CSS code Auditing component styles for consistency Checking if patterns are being followed Before merging CSS changes Refactoring prep (identify issues first) Pattern Reference 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 Workflow When this skill is invoked, create a TodoWrite checklist and work through validation systematically. Announce Usage "I'm using the css-development:validate skill to review this CSS against established patterns." Create TodoWrite Checklist Use the TodoWrite tool: Validation Checklist Details Step 1: Read CSS Files Action: Use Read tool to load CSS files for review Files to check: styles/components.css (main semantic components) Any component-specific CSS files mentioned Inline styles in component files (if applicable) What to capture: All class definitions Usage of @apply vs. inline utilities Presence of dark mode variants Documentation comments Mark as completed when files are loaded and understood. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/css-development-validate