用途：为 React Web UI 增加“愉悦时刻”，把功能性界面转化为有体验感的产品。适用于成功状态、空状态、加载等待、成就里程碑、悬停与点击交互、错误提示和彩蛋等场景。
主要能力：提供识别愉悦机会的方法（成功、空状态、加载、成就、交互、错误、彩蛋）；按品牌个性（活泼、专业、古怪、优雅）与受众、情绪语境选择策略；给出微交互与动画、文案个性、插画与视觉、拖拽与开关、进度与成就、音效、彩蛋、加载与庆祝时刻等具体技法；并列出实现可用的动画、音效与物理库（Framer Motion、GSAP、Lottie、canvas confetti、Howler.js、use-sound、React Spring、Popmotion）。
使用方式：先阅读 frontend-design 并遵循其 Context Gathering Protocol，复用已有上下文，只询问关键缺口；再评估愉悦机会、理解语境、定义策略。资料提到需参考 ai slop detection 与 finishing touches 两个参考。
限制与原则：愉悦必须增强而非遮挡可用性，单次愉悦应小于 1 秒，不得延迟核心功能，应可跳过或足够克制；需适配语境、品牌与无障碍（减少动态、屏幕阅读器）；避免过度、避免用愉悦掩盖糟糕 UX、避免牺牲性能；文案要贴合产品，避免“Herding pixels”等通用 AI 套话。资料未提供具体安装命令、收费与平台信息。