delight 是前端设计工作流中的一项技能，用于识别并为界面添加令人愉悦、有性格和惊喜感的细节，让功能性界面变成有体验感的产品。它的核心前提是：愉悦必须增强可用性，绝不影响核心任务；产品类别越严肃，愉悦越应克制。
用途与适用场景：为成功状态、空状态、加载等待、成就里程碑、悬停与点击等交互、错误提示以及彩蛋等场景寻找自然的情感时刻；需要先明确品牌性格、受众与情绪语境，再选择微交互、文案个性、插画、音效等策略。
使用方式：用户以 /delight 启动该工作流。激活后需加载 $frontend-design，其中包含设计原则、反模式与 Context Gathering Protocol；先遵循该协议，若尚无设计上下文则必须先加载 $setup。还应明确什么风格适合当前领域（活泼、专业、怪趣或优雅）。资料未提供具体安装命令或代码文件结构。
主要能力与方向：强化默认组件（项目符号、链接、复选框、标题、卡片）而优先于发明新组件；微交互与动画（按钮按压、涟漪、悬停抬升、加载动画、成功勾选、庆祝动效）；文案个性（俏皮错误提示、鼓励式空状态、趣味标签）；插画与视觉个性；拖放、开关、进度与成就等交互；低调音效；彩蛋与隐藏发现；让等待更有趣的加载信息；庆祝时刻。资料建议动画可用 Framer Motion、GSAP、Lottie、canvas confetti，音频可用 Howler.js、use-sound，物理效果可用 React Spring、Popmotion，并强调压缩资源、优化动画与懒加载。
限制与禁止：不得因愉悦延迟核心功能，不得强迫用户经历愉悦时刻，需可跳过或可关闭；不得用愉悦掩盖糟糕的 UX；不应让每次交互都愉悦；尊重减少动态效果与无障碍；避免通用 AI 味文案（如“Herding pixels”）；不得添加额外边框而忽略间距或背景等更简方案；须匹配品牌与语境，避免随机、离题、低性能或不合时宜的装饰。