用途
Design Spells 是一个设计细节技能，专门用于把界面从“仅仅能用”或“普通常见”提升为真正“有魔力”的体验。它关注的是那些让用户感到惊喜和愉悦的微小细节，帮助建立强烈且高端的品牌个性。
主要能力
该技能围绕微交互、彩蛋和巧妙的 UX 模式展开，可用于：
- 打磨已完成的功能，主动添加“哇”的效果。
- 设计独特交互，替代标准网页行为（例如巧妙的悬停状态、有创意的加载器、出人意料的过渡）。
- 实现“彩蛋”或以个性驱动的设计选择，让产品与众不同。
- 摆脱千篇一律的模板化开发。
使用方式
执行工作流分为四步：
- 识别机会：锁定界面中“无聊”或“标准”的部分，例如一个简单的提交按钮、一张个人头像、一个滚动指示器、一个价格切换开关。
- 研究模式：浏览 Design Spells 中高度有创意的模式，例如“磁性悬停魔法”“基于物理的交互”“流体滚动惊喜”。
- 适配模式：把交互无缝适配到项目特定的品牌和布局中，用于增强应用的核心叙事。
- 精细实现：使用 CSS、Anime.js 或 Framer Motion 构建具体微交互，并在目标设备上测量流畅度；帧率方面的说法需要经过性能分析，而不是直接保证。
触发该技能的典型场景包括：打磨已完成功能以增加“哇”效果、设计替换标准网页行为的独特交互、实现彩蛋或个性驱动设计、打破模板化开发。
适用场景
适合在以下情况使用：某个功能已经完成，希望进一步打磨并增加记忆点；需要为品牌或产品注入个性化和高端感；希望用独特交互替代常规网页行为；希望让产品与模板化、通用化的界面区分开来。
严格规则与限制
- 范围明确的增强：只在服务于所请求的产品体验时使用微交互，尊重用户已有的设计、可访问性和性能约束；普通清晰的行为同样有效，该技能是可选的。
- 取悦而非干扰：细节必须为体验做加法，不能成为可用性障碍；它应当让人感觉昂贵且精心打磨。
- 高质量实现：一个损坏或卡顿的“咒语”比没有更糟。实现必须高性能、GPU 加速、避免意外布局偏移、支持键盘和触控，并尊重 prefers-reduced-motion。
- 参考设计只是灵感，不是复制受保护资产的许可，也不能自动添加软件包。核心操作必须在没有动画、悬停或彩蛋时仍然可用；不要把关键功能提示隐藏在装饰性交互之后。
- 不应把输出当作环境特定验证、测试或专家评审的替代品。
- 如果缺少必要输入、权限、安全边界或成功标准，应停止并请求澄清。