该技能用于落地页、作品集和网站改版，不适用于仪表盘、数据表格或多步骤产品界面。核心是先读需求再动手：识别页面类型、用户描述的风格词、参考链接、受众和已有品牌资产，并输出一行“设计解读”，如“B2B SaaS落地页，面向技术买家，Linear式极简”。需求模糊时只问一个澄清问题，不猜测。
主要能力包括：设置三个调节旋钮——设计变化度、动效强度、视觉密度，默认8/6/4，并给出不同场景的预设值；根据需求选择官方设计系统（如Fluent UI、Material 3、Carbon、Polaris、Atlassian、Primer、GOV.UK、USWDS、Bootstrap、Radix、shadcn/ui、Tailwind），或针对玻璃拟态、Bento、粗野主义、编辑风、暗黑科技、极光渐变、动态排版等美学方向用原生CSS实现。
技术默认：React/Next.js、Tailwind v4、Motion（从motion/react导入）、next/font；全局状态仅用于避免深层传递；连续值用Motion的useMotionValue而非useState；图标优先Phosphor、Hugeicons、Radix、Tabler，避免手写SVG；响应式用CSS Grid，全高用min-h-[100dvh]。排版默认无衬线，禁用Fraunces和Instrument_Serif，衬线仅在品牌明确要求或编辑/奢华语境下使用；配色最多一个强调色，避免AI紫和米色+黄铜的默认组合。
限制：所有规则均为情境化，不自动触发；需先读需求再选用。官方设计系统需安装对应包，一个项目只用一套系统。资料未提供具体安装命令、价格或平台信息。