standards-css

Installation
SKILL.md

CSS Standards

Rule: Follow project CSS methodology consistently, leverage framework patterns, maintain design system tokens.

When to use this skill

  • When writing or modifying CSS files (.css, .scss, .sass, .less, .module.css)
  • When applying utility classes in Tailwind CSS or similar utility-first frameworks
  • When implementing CSS-in-JS or styled-components in React/Vue/Svelte components
  • When defining or using design tokens (colors, spacing, typography, shadows)
  • When maintaining consistency with the project's CSS methodology (BEM, OOCSS, SMACSS, utility-first)
  • When optimizing CSS for production with purging or tree-shaking unused styles
  • When avoiding excessive framework style overrides by working with framework patterns
  • When implementing global styles or theme configurations
  • When refactoring inline styles or scattered CSS into organized, maintainable patterns
  • When establishing or following CSS naming conventions for the project

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend CSS.

Related skills

More from maxritter/claude-codepro

Installs
3
GitHub Stars
1.6K
First Seen
Jan 27, 2026