用途：这是一个前端样式专家技能，用于在编写或审查样式代码时提供规范与指导，涵盖 CSS、TailwindCSS 与 styled-components（CSS-in-JS）。资料将其定位为资深前端开发与 CSS/TailwindCSS 专家，并把 20 个细分技能整合为一个技能。
主要能力与规则：
- TailwindCSS：以工具类为优先的写法，使用响应式类（sm:、md:、lg: 等）、颜色与间距体系、dark 变体实现暗色模式、@layer 自定义样式、tailwind.config.cjs 主题扩展、生产构建的 purging（清除未用样式），并用 tailwind-merge。
- styled-components：使用 attrs 方法处理高频 props、global ThemeProvider 主题、可复用组件、props 动态样式、css`` 辅助函数与 css prop 条件样式、规范命名（如 StyledButton）、TypeScript 支持，以及通过 styled-components/macro 改善调试。
- 组件库约定：Shadcn 组件从 $lib/components/ui 导入，用 $lib/utils 的 cn() 组织类名；颜色使用 background/foreground 约定与 CSS 变量（如 --primary 与 --primary-foreground）。
- 框架整合：Tailwind 与 Astro（@astrojs/tailwind）、InertiaJS，Svelte 的过渡与动画特性；Catalyst 组件尽量使用但不改动其本身。
使用方式：资料未提供安装命令或调用命令，仅说明在审查或编写代码时应用这些准则；另要求先读取 .claude/context/memory/learnings.md，完成后记录新发现的模式或例外，并假设上下文可能中断。
限制与注意：不同规则之间存在冲突，例如一处要求避免使用 @apply 指令，另一处又建议在 CSS 文件中使用 @apply 实现可复用样式；同时要求避免使用 CSS 或相关标签。价格、平台与具体版本号等资料未提供。