用途
本技能用于为前端设计提供方向与意图。它应在编码之前使用，并与 design 技能配合应用于每一个设计任务。其目标是先想清楚“为什么这样设计”，再动手实现。
主要能力
设计思维（编码前）
- 目的：这个界面解决什么问题？谁在使用它？
- 基调：选择一个极端方向并有意图地执行，例如极度极简、极繁主义、复古未来主义、有机/自然、奢华/精致、俏皮/玩具感、编辑/杂志风、粗野主义/原始、装饰艺术/几何、柔和/粉彩、工业/实用主义。
- 约束：框架、性能、可访问性。
- 差异化：一件让它令人难忘的事。
承诺一个大胆方向。意图性重于强度。
把冲击力留给“标点”
高冲击手法——全出血媒体、戏剧性动效、超大字号、饱和强调色、视差——一旦成为默认就会失去力量。如果每个区块都是全屏视频，就没有一个能打动人。选择 1–2 个时刻做大（主视觉、回报时刻），其余保持安静克制，让大时刻读起来像刻意的标点而非噪音。克制才让罕见的全出血节拍产生冲击；满屏强度反而显得平淡。这是“减法”的奢侈——在充裕留白中的单一大胆姿态胜过极繁主义。同样适用于尺度、颜色（一个强调色，而非五个）和动效（一个标志性动作，而非持续动画）。
领域与色彩
- 领域：从产品所在世界提取 5 个以上概念、隐喻或词汇（是“领地”，不是功能）。
- 色彩世界：5 个以上“属于”那个世界的颜色——如果这个产品是一个物理空间，你会看到什么。不要用“暖”或“冷”，而要说出该领域中的具体颜色。
- 签名元素：一个只可能为这个产品存在的元素（视觉、结构或交互）。
评审标准
自问：“我会把名字署在这上面吗？”设计负责人级别的评审意味着：不是“它能用吗？”，而是“它是否明确地经过意图与打磨？”
不可妥协的工艺不变量（任何一项失败即评审不通过）：
- 字体绝不闪烁。标题/展示文字绝不能闪现回退字体或在网页字体加载时重排。用 document.fonts.ready 控制并淡入。参见 design-system → Never let fonts pop in。
- 首见即首载。开场视口中的任何内容（主视觉文字、主视觉媒体、品牌标识）必须优先完整正确地绘制，先于首屏以下内容加载。参见 design-system → Loading order。
跨领域视角
定义方向时，选择适合产品的学科，并从每个学科应用 2–3 条原则。例如：仪表盘 → UX + 汽车；品牌活动 → 电影 + 营销；应用 → UX + 工业设计。
电影
- 取景与构图：视口即画框；三分法、引导线、前景/中景/背景纵深。对焦之处即主要层级。
- 节奏与韵律：揭示的顺序（如同剪辑）。一次精心编排的加载或滚动节拍胜过零散动效。
- 色彩与情绪：调色即情绪；一致的调色板作为“观感”。
- 焦点与纵深：焦平面与景深 → 视觉层级与分层（模糊、不透明度、缩放）。
建筑
- 尺度与比例：人的尺度、柱/网格的韵律、元素与视口的比例。
- 寻路：用户始终知道自己在哪、能去哪（方位、导航、面包屑）。
- 材料与光：纹理与阴影创造纵深；光的方向暗示高度与强调。
- 负空间：有意的空；空间是结构，不是剩余物。
- 门槛：入口与过渡时刻（落地页 → 应用、模态打开）作为刻意的“穿越”。
营销
- 一个主信息：首屏之上单一价值主张或要点；是信息的层级，不是功能清单。
- 情感 vs 理性：决定第一拍是情感牵引还是理性清晰；让布局与文案对齐。
- CTA 突出：主要行动明确无误；次要行动存在但不竞争。
- 受众契合：基调与图像匹配目标人群；避免“泛泛用户”。
- 品牌一致性：整个产物保持一个连贯的声音与视觉系统。
UX
- 目标与任务：围绕用户目标和关键任务设计；减少完成步骤。
- 信息架构：清晰的分组与层级；认知负荷最小。
- 反馈与状态：每个动作都有可见反馈；考虑加载、成功、错误状态。
- 可访问性：颜色对比、焦点顺序、语义。（减少动效：面向公共/多用户项目应尊重 prefers-reduced-motion；个人项目可发布完整动效。）
- 渐进披露：先展示要点；细节按需展开（展开、模态、分步）。
汽车（外观/内饰）
- 轮廓与性格：一条强轮廓或“性格线”；一眼可辨。
- 表面语言：张力、流动、表面连续性（如车身面板）；避免随意凸起。
- 比例：“座舱”（内容）与“车轮”（装饰/导航）的平衡；稳定，不头重脚轻。
- 材料与饰条：硬/软、冷/暖、哑光/光泽作为层级；主 = 一种材料语言，强调 = 另一种。
- 驾驶者中心布局：主要控件与信息放在“驾驶者”（用户）最先看的地方；次要内容可及但不竞争。
- 控制层级：一个主要行动面；次要行动分组且可识别。
工业设计
- 形式追随功能：形状与布局反映用途；没有理由就不装饰。
- 材料诚实：材料（或视觉等价物：纹理、重量）感觉与功能相称。
- 可供性：形状暗示用法（可点击、可拖拽、可输入）；尽可能无需标签即显而易见。
- 触感：按钮与控件感觉“可按”或“可抓”（悬停/激活状态、纵深）。
- 产品个性：一个清晰性格（友好、严肃、俏皮、高级）；在整个 UI 中一致。
- 简化：删到坏掉为止；对 UI 杂乱而言“最好的部件就是没有部件”。
使用方式
在每次设计任务中与 design 技能一起应用，并在编码之前完成。示例请求：使用 @design-thinking 评审此界面，找出影响最大的设计问题，并提出可直接实施的改进方案。
适用场景
适用于需要为前端设计确立方向与意图的任务，包括定义目的、基调、领域、色彩世界和评审标准，以及需要跨领域设计视角（电影、建筑、营销、UX、汽车、工业设计）的场合。
限制
仅当任务明确匹配其上游来源与本地项目上下文时使用本技能。应用更改前，请验证命令、生成的代码、依赖、凭据和外部服务行为。不要将示例视为环境特定测试、安全审查或对破坏性/高成本操作的用户批准的替代品。