css-architecture
Installation
Summary
CSS architecture patterns for scalable, maintainable styling systems across teams and projects.
- Covers three core methodologies: BEM (Block Element Modifier) for component naming, SMACSS for modular organization, and CSS-in-JS with Styled Components for dynamic styling
- Includes reference guides for CSS Variables, Utility-First CSS (Tailwind pattern), and practical implementation examples
- Best suited for large-scale stylesheets, component-based design systems, and multi-team collaboration scenarios
SKILL.md
CSS Architecture
Table of Contents
Overview
Build maintainable CSS systems using methodologies like BEM (Block Element Modifier), SMACSS, and CSS-in-JS patterns with proper organization and conventions.
When to Use
- Large-scale stylesheets
- Component-based styling
- Design system development
Related skills