II.
SkillArea overview
Reference · liveskill-area:css-architecture
CSS Architecture overview
Scaling CSS — utility-first vs BEM vs CSS Modules, design tokens, cascade layers, container queries, and theming strategies.
Attributes
displayName
CSS Architecture
description
Scaling CSS — utility-first vs BEM vs CSS Modules, design tokens,
cascade layers, container queries, and theming strategies.
domains
expertiseLevels
- intermediate
- expert
Outgoing edges
applies_to1
- specialization:web-development·Specialization
prerequisite_for_learning1
- skill-area:ui-styling·SkillAreaUI Styling
Incoming edges
lib_requires_skill_area5
- lib-agent:ux-ui-design--ui-implementer·LibraryAgentui-implementer
- lib-process:web-development--css-in-js-styled-components·LibraryProcesscss-in-js-styled-components
- lib-skill:ux-ui-design--css-precision-editor·LibrarySkillcss-precision-editor
- lib-skill:web-development--css-modules·LibrarySkillcss-modules
- lib-skill:web-development--styled-components·LibrarySkillstyled-components
prerequisite_for_learning1
- skill-area:ui-styling·SkillAreaUI Styling
requires_expertise2
- role:frontend-engineer·RoleFrontend Engineer
- role:design-systems-engineer·RoleDesign Systems Engineer
requires_skill_area2
- stack-profile:sveltekit-stack·StackProfileSvelteKit + Tailwind + TypeScript
- stack-profile:t3-stack·StackProfileT3 Stack (Next.js + tRPC + Prisma + Tailwind)