用途：这是面向落地页、作品集和改版（redesign）的前端设计技能，明确不覆盖仪表盘、数据表格和多步骤产品界面。所有规则都是条件性的，需先读需求简报，再只取适用的部分。
主要能力：1）需求推断：先识别页面类型、用户用词风格、参考信号、受众、已有品牌资产与隐性限制（如无障碍、公共部门、受监管行业优先于审美偏好），生成一行“Design Read”。若简报含混，只问一个问题而非多问；能自信推断则不提问。2）三档旋钮：DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY，默认 8/6/4，并给出按风格、场景与改版方式的推断与预设。3）设计系统映射：按简报选择官方包（如 Fluent、Material 3、Carbon、Polaris、Atlassian、Primer、GOV.UK Frontend、USWDS、Bootstrap、Radix Themes、shadcn/ui、Tailwind）；一个项目只用一套系统，风格类方向则用原生 CSS + Tailwind 实现并如实标注借鉴来源。4）默认工程约定：React/Next.js + RSC，Motion 动画库（motion/react），next/font 字体，状态用 useState/useReducer 或 Zustand/Jotai，图标库限定并统一 strokeWidth，禁用自绘 SVG 图标，建议用 CSS Grid、min-h-[100dvh]，导入第三方库前先检查 package.json。5）设计纠偏：字体（默认避免 Inter、禁 Fraunces 与 Instrument_Serif 作默认、斜体降部留白）、配色（单主色、饱和 <80%、锁定配色、避免 AI 紫渐变，并对高端消费品禁用米色+黄铜+咖啡色默认方案）。
适用场景：SaaS/消费者/机构/活动落地页、开发者或设计师作品集、编辑类与博客页面、改版设计。
限制：不适用于仪表盘、数据表、多步产品界面；资料未提供具体安装命令之外的版本细节、收费与效果数据，也未给出更完整的官方文档内容。