UI

当你有针对多步骤任务的规范或需求时，在编写代码之前使用。

在交付前执行最终质量检查，修复对齐、间距、一致性和微细节问题。当用户提到润色、收尾……时使用。

从用户体验视角评估设计，审视视觉层次、信息架构、情感共鸣、认知负荷及整体质量，通过……

Next.js 最佳实践 - 文件约定、RSC 边界、数据模式、异步 API、元数据、错误处理、路由处理程序、图片/字体优化等

当用户想要创建、读取、编辑或操作 Word 文档（.docx 文件）时，请使用此技能。触发条件包括：任何提及“Word doc”、“word…”

针对无障碍、性能、主题、响应式设计和反模式运行技术质量检查。生成包含 P0-P3 严重级别的评分报告……

审查某个功能，并通过有目的的动画、微交互和动效来增强它，从而提升可用性与用户体验。适用于当用户……

使设计适配不同的屏幕尺寸、设备、环境或平台。实现断点、流式布局和触摸目标。适用于……

改进不清晰的 UX 文案、错误消息、微文案、标签和说明，使界面更易于理解。当用户提到令人困惑的……时使用。

诊断并修复 UI 性能问题，涵盖加载速度、渲染、动画、图片和打包体积。当用户提到缓慢、卡顿、掉帧等情况时使用。

为过于单调或缺乏视觉吸引力的功能添加具有策略性的色彩，使界面更具吸引力和表现力。当用户提及……时使用。

飞书审批 API：审批实例、审批任务管理。

将安全或平庸的设计进行强化，使其在视觉上更具趣味性和吸引力。在提升视觉冲击力的同时保持可用性。当用户说……时使用。

添加愉悦感、个性与意想不到的细节，让界面令人难忘且使用体验愉悦。将功能性提升至令人愉悦的层次。当……时使用

通过去除不必要的复杂性，将设计精简至本质。优秀的设计应当是简洁、强大且干净的。当用户要求简化、精简……时使用。

通过 SoulTrace API 进行性格评估。当用户想要进行性格测试、探索其心理原型、了解……时使用。

弱化视觉上过于强烈或过度刺激的设计，在保持质量的同时降低视觉强度。当用户提到太突兀、太花哨……等情况时使用。

在代码库中寻找深化重构的机会，结合 CONTEXT.md 中的领域语言和 docs/adr/ 中的架构决策。当用户想要改进……时使用。

使用红-绿-重构循环的测试驱动开发。当用户希望使用 TDD 构建功能或修复 Bug、提及“红-绿-重构”、希望……时使用。

在完成任务、实现主要功能或合并前使用，以验证工作是否符合需求。