css-best-practices
CSS Best Practices
Quality patterns for CSS architecture, specificity management, theming, and layout. Applies to plain CSS, SCSS, and CSS Modules.
When to Use
- Reviewing CSS or SCSS for scalability and maintainability
- Evaluating naming conventions (BEM, utility, custom properties)
- Designing dark mode or theming strategy
- Diagnosing specificity conflicts or cascade issues
Don't use for:
- Tailwind utility class patterns (use tailwindcss)
- CSS-in-JS patterns (use relevant framework skill)
- Animation performance (use web-performance)
More from joabgonzalez/ai-agents-skills
typescript
Strict typing and type-safe development. Trigger: When implementing TypeScript in .ts/.tsx files, adding types, or enforcing safety.
7code-conventions
Universal coding principles: DRY, security by default, null guards, and YAGNI. Trigger: When writing or reviewing code in any language or technology.
2css
Modern CSS with Grid, Flexbox, and custom properties. Trigger: When writing CSS styles, implementing layouts, or using modern features.
1astro
Fast static sites with SSG/SSR and component islands. Trigger: When building Astro websites, implementing islands, or configuring SSG/SSR.
1vite
Fast build tool with HMR for modern web development. Trigger: When configuring Vite, setting up dev server, or optimizing builds.
1critical-partner
Rigorous code review and improvement partner. Trigger: When validating code quality, reviewing implementations, or providing critical feedback.
1