UI

飞书 / Lark 通讯录，用于按姓名 / 邮箱将员工解析为 open_id，以及按 open_id 反查员工的姓名 / 部门 / 邮箱 / 联系方式。当用户说出某人姓名而下一步需要发消息 / 加群 / 排日程时，先用本 skill 将姓名转换为 ID；当输出中出现 open_id…

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

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

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

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

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

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

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

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

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

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

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

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

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

当用户想要设计、重新设计、塑造、评估、审查、润色、澄清、提炼、强化、优化、适配、添加动画、上色、提取或……

通过调整字体选择、层级、大小、字重和可读性来改善排版，使文本呈现更具设计感。当用户提及字体、排版等时使用。

通过极具技术野心的实现（着色器、弹簧物理、滚动驱动动画、60fps 动画）将界面体验推向传统极限。使用……

当用户希望使用模板和数据大规模创建 SEO 驱动的页面时使用。当用户提及“programmatic SEO”、“template pages”、“pages… ”时也可使用。

在执行任何涉及 Supabase 的任务时使用。触发条件：Supabase 产品（Database、Auth、Edge Functions、Realtime、Storage、Vectors、Cron、Queues）；客户端…

飞书考勤打卡：查询自己的考勤打卡记录