用途：该技能用于指导 CSS 架构决策与实现，适用于搭建样式基础设施、创建设计系统，以及实现主题与响应式模式。触发场景包括新建项目样式体系、在 Tailwind、CSS Modules、CSS-in-JS、原生 CSS 之间做选择、实现 design tokens、添加暗色模式、创建响应式布局与断点策略、在样式方案之间迁移、构建组件变体系统、设置动画模式等。
主要能力：技能内含脚本 scripts/validate-styling.sh 与参考文档 references/styling-comparison.md。工作流分阶段：发现阶段用 discover 与 precision_read 探查项目中既有样式方式、是否存在 design tokens、暗色模式实现状态与配置一致性；决策阶段依据需要给出 Tailwind、CSS Modules、CSS-in-JS、原生 CSS 的适用条件；配置阶段安装依赖并生成配置文件，例如执行 npm install -D tailwindcss postcss autoprefixer 与 npx tailwindcss init -p，或 npm install styled-components 与 npm install -D @types/styled-components，并用 precision_write 写入 tailwind.config.ts 与 globals.css；随后依次覆盖 design token 体系、暗色模式（class 或 media 策略，可配合 next-themes）、响应式与容器查询、组件变体（class-variance-authority、clsx、tailwind-merge 与 cn 工具）、错误状态样式（表单校验、Toast、骨架屏）以及动画模式（CSS 过渡或 Framer Motion）。
限制：资料未提供该技能的收费、价格、支持平台及效果数据；具体采用哪种样式方案需结合项目实际判断。部分代码示例在资料中未完整展示。