用途：把“加个好看的阴影”这类模糊要求转为命名的风格配方（stylecard），每个配方含精确数值，可被代理原样粘贴使用，同一效果每次保持一致，便于一次评审、长期版本化。
主要能力：列出目录、查看单个配方、将配方应用到目标文件。示例命令：design-stylecards list；design-stylecards elevation/md；design-stylecards apply glass/dark to src/components/Panel.tsx。目录含 elevation（sm/md/lg 分层中性阴影）、glass/dark（暗背景毛玻璃面板）、border/gradient（1px 渐变边框）、background/mesh（2–3 色径向网格背景）、type/editorial（标题+正文+等宽字号与字距）、motion/budget（四种允许时长与单一标志性时刻规则）。
使用方式：先读取 references/stylecards.md 目录，按配方的 Use-When 行匹配唯一配方；无匹配则说明并给出最接近的两个，不自由发挥数值。展示时逐字打印配方及 Use-When、Avoid；应用时按精确数值编辑目标文件，只可调整语法（Tailwind 任意类 ↔ 普通 CSS ↔ CSS 自定义属性），不可改数字。每个配方末尾的 Avoid 规则必须遵守，若为满足请求而违反需明确说明。
适用场景：设计到代码流水线中消费风格卡片、提取设计上下文、沉淀为项目 token 架构。
限制与要求：不得在配方存在时手写阴影/渐变/模糊值，不得转述数值（如“大约 6% 黑”），不得在同一元素混用同类的两个配方。新增配方须齐备 Use-When、精确数值、Avoid 三部分，且来自已发布、经评审的真实 UI，不可凭空编造。相关技能包括设计上下文提取、设计系统 token、设计到代码。