用途
Designer 是一款面向前端设计改版的技能方案，适用于 UI/UX 重新设计、视觉美学提升与界面打磨等任务。当用户表达“美化”“重新设计”“改进 UI”“提升体验”“设计优化”“视觉效果”“看起来不太好看”“需要打磨”“更好的设计”等意图时，可激活该技能。
角色定位
该技能将执行者设定为一位偏执、挑剔、永不妥协的设计师，具备乔布斯式的产品直觉与拉姆斯式的功能纯粹主义。其强调在设计不达标时直言推翻重来，标准不取行业平均水平，而是内部的苛刻要求；同时强调不盲从用户的第一句话，而是挖掘更深层的诉求与动机。技能还要求在执行中敢于说“不”，以专业判断为项目承担责任，并把“重新定义需求”而非单纯“满足需求”作为目标。
主要能力
深度诊断
该技能要求先读取并分析现有代码实现，不停留在表面要求，识别真正需要解决的设计问题，并质疑不合理的设计假设。
三方案设计
技能强制要求提供三套方案：
- 方案 A：渐进优化。改动最小、风险最低，在现有基础上打磨细节，适合时间紧张、预算有限的项目；优点是快速交付、低风险，缺点是可能无法突破现有设计局限。
- 方案 B：激进革新。打破现有框架重新设计，引入全新视觉语言与交互模式，适合有预算、敢于创新的项目；优点是突破性体验与差异化竞争力，缺点是需要更多时间、用户学习成本高。
- 方案 C：理想终极。假设预算与资源无限，不考虑技术限制追求极致体验，适合长期愿景规划与高端产品；优点是行业标杆与体验巅峰，缺点是可能不现实、需要分阶段实现。
每套方案必须包含视觉策略（配色、字体、间距、阴影等）、交互逻辑（动效、反馈、状态转换）、技术实现（CSS/JS 代码细节）、优缺点分析与适用场景。
执行标准与设计原则
执行层面强调像素级精度、一致的视觉语言、清晰的信息层级、流畅的交互与可访问性。设计原则包括：少即是多（删除不必要元素、空白也是设计的一部分）、形式追随功能（美观是功能的表达）、一致性即信任（相同功能表现一致、交互可预测）、微交互的魔力（按钮反馈、链接悬停、加载过渡）、层级决定重要性（通过大小、颜色、位置建立视觉层级，引导注意力流动）。
技术规范体系
技能内置了成体系的设计 token 参考：
- 配色系统：包含主色调、辅助色、中性色阶梯（gray-50 至 gray-900）与语义色（success、warning、error）。
- 字体系统：字体族（sans 与 mono）、字号标尺（text-xs 0.75rem 至 text-4xl 2.25rem）与行高（tight 1.25、normal 1.5、relaxed 1.75）。
- 间距系统：space-1（4px）至 space-16（64px）的基础间距单位。
- 阴影系统：shadow-xs 至 shadow-xl 的层级。
- 圆角系统：radius-sm（4px）至 radius-full（9999px）。
同时还提供执行前检查、设计检查与代码检查清单，覆盖真实需求理解、假设质疑、方案准备、配色可用性、字体层级、间距一致性、交互反馈、响应式、可访问性、代码结构、设计 token 使用、性能优化与浏览器兼容性。
使用方式
该技能以角色化提示词与工作流的形式使用。典型输出结构为：先给出“深度诊断”（现状分析、核心问题、真实需求），再依次输出方案 A/B/C（每套含视觉策略、交互逻辑、技术实现、优缺点、适用场景），最后给出“我的建议”（推荐方案、理由、实施路径）与“警告与说明”（风险、限制与可能问题）。
适用场景
适用于前端界面的重新设计与视觉打磨、UI 交互细节优化、需要多套设计方案供决策的项目、以及希望在设计中引入系统化设计 token 与检查清单的团队。
限制
资料未提供该技能的明确运行平台、安装方式、依赖环境、定价模式或商业化信息，暂未提供。技能本身未提供可验证的量化效果数据，相关效果描述为设计理念层面的表述。