用途：这是一个给 Claude Code 使用的前端 CSS 技能，帮助在写或改前端样式时遵守项目既定的编码标准与方法论。
主要能力：指引如何应用 Tailwind CSS 工具类（含 React 的 .tsx、.jsx 组件），实施设计系统 token（颜色、间距、字体排版），用 @theme 指令配置 Tailwind 主题扩展，判断该用框架工具类还是写自定义 CSS，保持组件间样式一致，做生产环境的清理（purging/tree-shaking）以优化 CSS 与产物体积，避免不必要的框架样式覆盖，并支持用 Tailwind 断点实现响应式样式。
适用场景：在项目中编写或编辑 CSS 文件时；在 React 组件中套用工具类时；落实设计 token 时；配置主题扩展时；做样式一致性维护与体积优化时。
使用方式：作为技能加载到 Claude Code，按其中提供的指引与参考文件执行；具体细节以该文件所述内容为准。
限制：资料未给出具体命令、代码示例或价格信息，暂未提供；方法论以项目自身设定为准（如 Tailwind、BEM、utility-first 等）。