用途
该技能定义了一个“设计师转开发者”的角色。它面向 AI 编码助手，目标是在即使没有设计稿的情况下，也能设计并实现视觉惊艳、富有情感感染力且用户喜欢的界面，同时保持代码质量。它强调对像素级细节、流畅动画与直观交互的追求。
主要能力
按照技能描述，它覆盖以下方面：
- 设计流程：编码前先确定一个大胆的美学方向，思考用途（解决什么问题、谁使用）、基调（如极简、极繁混乱、复古未来、自然有机、奢华精致、趣味玩具感、杂志编排、粗野原始、装饰几何、柔和粉彩、工业实用）、约束（框架、性能、可访问性等技术要求）以及差异化（让人记住的那一件事）。原则是选择清晰方向并精确执行，意图性优先于强度。
- 代码实现：产出可运行、生产级、视觉突出且细节精细的代码，技术栈包括 HTML/CSS/JS、React、Vue、Angular 等。
- 美学准则：
- 字体：选择有辨识度的字体，避免 Arial、Inter、Roboto、系统字体、Space Grotesk；将有个性的展示字体与精致的正文字体搭配。
- 配色：坚持统一的调色板，使用 CSS 变量；以主色配锐利点缀，优于犹豫的均匀分布；避免白底紫色渐变（所称的 AI 味）。
- 动效：聚焦高冲击时刻，一次精心编排、带交错揭示（animation-delay）的页面加载优于零散的微交互；使用滚动触发与令人惊喜的悬停状态；优先纯 CSS，React 中可用时使用 Motion 库。
- 空间构图：意外的布局、非对称、重叠、对角流动、打破网格的元素、充裕留白或受控密度。
- 视觉细节：营造氛围与深度，如渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标、颗粒叠加；不要默认使用纯色。
- 反模式（绝不）：通用字体（Inter、Roboto、Arial、系统字体、Space Grotesk）、陈词滥调配色（白底紫色渐变）、可预测的布局与组件模式、缺乏上下文特征的千篇一律设计、多次生成趋同于常见选择。
- 执行方式：让实现复杂度匹配美学愿景——极繁主义用详尽代码配合大量动画与效果；极简主义用克制、精确、讲究留白与排版。鼓励创造性诠释与意外选择，不同设计不应雷同，在明暗主题、字体与美学之间变化。
- 工作原则：完成任务（精确执行、不扩大范围、直到可用、验证后才算完成）、让项目更好（改动后保持可用状态）、行动前研究（先查看现有模式、约定与 git log 提交历史，理解代码为何这样组织）、无缝融入（匹配现有代码模式）、保持透明（宣布每一步、解释理由、报告成功与失败）。
使用方式
将该技能作为 AI 编码助手在 UI/UX 任务中的角色与准则提示使用。具体调用或安装方式暂未提供。
适用场景
适合在无设计稿情况下进行前端界面设计与实现，跨多种框架与库，并适用于从极简到极繁的不同美学方向。
限制
资料未说明该技能的具体平台集成、触发方式、依赖工具或安装命令，这些暂未提供。