用途：这是一个前端设计方向与意图的思考框架，需与 design 技能配合，在每个设计任务中、动手编码之前使用。它帮助先明确设计要解决的问题与使用者，再进入实现。
主要能力：
- 方向定义：明确目的（解决什么问题、谁使用）、基调（选定一种极端风格并有意图地执行，如极简、极繁、复古未来、自然、奢华、玩具感、杂志编辑、粗野主义、装饰艺术、柔和粉彩、工业实用等）、约束（框架、性能、可访问性）与差异化（一个令人难忘的点）。
- 克制原则：高冲击手法（满幅媒体、戏剧化动效、超大字号、饱和强调色、视差）一旦成为默认就失效；只选 1–2 个时刻放大（如首屏、高潮），其余保持安静克制，让大场面成为有意的标点。适用于尺度、颜色（一个强调色而非五个）与动效（一个标志性动作）。
- 领域与色彩：从产品所在世界提取 5 个以上概念、隐喻或词汇（领域而非功能）；列出 5 个以上属于该世界的具体颜色；确定一个只属于该产品的标志性元素（视觉、结构或交互）。
- 评审标准：以“我会不会署上自己的名字”为准，关注是否明确有意、是否精心打磨。不可妥协的工艺不变量：字体绝不闪现回退字体或重排，需以 document.fonts.ready 为门槛并淡入；首屏内容（主标题、主媒体、品牌标识）必须优先完整正确绘制，再加载折叠下方内容。
- 跨领域视角：按产品选择 2–3 个学科并各应用其原则，如仪表盘用 UX + 汽车，品牌活动用电影 + 营销，应用用 UX + 工业设计。各领域要点包括：电影（取景构图、节奏、色彩情绪、焦点景深）、建筑（尺度比例、导视、材质与光、负空间、入口过渡）、营销（单一主信息、情感与理性、CTA 突出、受众契合、品牌一致）、UX（目标与任务、信息架构、反馈与状态、可访问性、渐进披露）、汽车（轮廓与特征线、曲面语言、比例、材质饰面、驾驶者中心布局、控制层级）、工业设计（形式追随功能、材质诚实、可供性、触感、产品个性、简化）。
使用方式：在编码前应用，先确定方向并坚持一个大胆方向，强调意图而非强度。
适用场景：前端界面、仪表盘、品牌活动、应用等设计任务的方向定义与评审。
限制：资料未提供具体安装命令、平台支持、收费或价格信息；可访问性方面，公共/多用户项目需尊重 prefers-reduced-motion，个人项目可发布完整动效。