Frontend CSS

# Frontend CSS

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.

## When to use this skill

- When writing or editing CSS files in the project
- When applying Tailwind CSS utility classes in React components (.tsx, .jsx files)
- When implementing design system tokens (colors, spacing, typography)
- When configuring Tailwind theme extensions using the `@theme` directive
- When deciding between using framework utilities vs. writing custom CSS
- When maintaining consistent styling patterns across components
- When optimizing CSS for production with purging/tree-shaking
- When avoiding unnecessary framework style overrides
- When working with the project's CSS methodology (Tailwind, BEM, utility-first, etc.)
- When implementing responsive styles using Tailwind breakpoints
- When ensuring CSS performance and bundle size optimization

## Instructions

For details, refer to the information provided in this file:
[frontend CSS](../../../agent-os/standards/frontend/css.md)