CSS 架構技能
CommunityGuide to scalable CSS architectures.
AuthorBryantChi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
CSS architecture decision fatigue and inconsistent styling across large projects; provide guidelines for selecting and implementing CSS approaches (Tailwind, Bootstrap, SCSS, Vanilla) to ensure scalable, maintainable UI.
Core Features & Use Cases
- Guidance on selecting appropriate CSS architecture for project size and requirements
- Real-world patterns: naming conventions (BEM/SMACSS), design tokens, responsive design patterns, accessibility considerations, and theming
- Use Cases: Start new project, refactor legacy CSS, scale design systems
Quick Start
Analyze your project requirements and select a CSS approach (Tailwind, Bootstrap, SCSS, or Vanilla) to standardize components, tokens, and responsive rules.
Dependency Matrix
Required Modules
None requiredComponents
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 架構技能 Download link: https://github.com/BryantChi/webdev-skills/archive/main.zip#css Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.