Skills
.Work. You
Rest

css-architecture

Community

Scale CSS with proven architecture patterns.

Software Engineering#architecture#css#design-systems#css-in-js#bem#smacss
AuthorHungNth
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Large CSS codebases become hard to maintain, inconsistent, and slow to evolve, caused by scattered naming and ad-hoc conventions.

Core Features & Use Cases

  • BEM, SMACSS, and CSS-in-JS patterns provide clear boundaries between blocks, elements, and modifiers.
  • Designed for design systems, component libraries, and multi-team projects to enforce naming consistency and modularity.
  • Use case: refactor a shared UI component library to a single naming convention and document guidelines for contributors.

Quick Start

Start by selecting one architecture (for example, BEM) and refactor the core components into blocks with consistent element and modifier naming, then document the conventions for the team.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: css-architecture
Download link: https://github.com/HungNth/wordpress-notify-nth/archive/main.zip#css-architecture

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.