Frontend CSS

概要

Ensures the application adheres to strict frontend styling standards by prioritizing utility-first CSS patterns and design system tokens. It guides the implementation of responsive layouts, theme configurations, and performance optimizations while minimizing custom overrides. This skill is essential for maintaining a clean codebase, optimizing CSS bundle sizes through tree-shaking, and ensuring a uniform aesthetic across React components and stylesheets within the project's specific methodology.

主な機能

• CSS performance optimization and tree-shaking best practices
• Tailwind theme configuration and extension management
• Consistent Tailwind utility class implementation
• 0 GitHub stars
• Responsive design implementation using framework breakpoints
• Design system token application for colors, spacing, and typography

ユースケース

• Styling new React components with utility-first CSS
• Optimizing production CSS bundles and purging unused styles
• Migrating custom CSS to standardized design system tokens