Frontend CSS

This Skill provides Claude Code with specific guidance on how to adhere to coding standards for CSS styling and visual design implementation.

When to use this skill

• When writing or modifying CSS, SCSS, or Sass stylesheets
• When working with CSS files (.css, .scss, .sass, .module.css)
• When using Tailwind CSS utility classes in components
• When implementing CSS-in-JS with styled-components, emotion, or similar libraries
• When establishing or using design system tokens (colors, spacing, typography)
• When following project CSS methodology (BEM, SMACSS, CSS Modules, utility-first)
• When avoiding or removing framework style overrides
• When minimizing custom CSS by leveraging framework utilities
• When optimizing CSS for production with purging or tree-shaking
• When maintaining consistent styling patterns across components
• When working with global styles, theme configuration, or CSS variables
• When implementing responsive styles or media queries