react

创建独特、达到生产级别且具备高设计质量的前端界面。当用户要求构建 Web 组件、页面、制品等时，请使用此技能……

来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js……时，应使用此技能。

Remotion 最佳实践 - 使用 React 创建视频

可扩展的 React 组合模式。在重构以下组件时使用：

面向 Web 和移动端的 UI/UX 设计智能。包含 50+ 种风格、161 种调色板、57 种字体搭配、161 种产品类型、99 条 UX 准则以及 25 种图表…

管理 shadcn 组件与项目——添加、搜索、修复、调试、样式调整与组合 UI。提供项目上下文、组件文档及用法……

构建高性能移动应用的 React Native 和 Expo 最佳实践。使用

当用户希望设计移动应用、创建页面、构建 UI 或与其 Sleek 项目交互时使用。涵盖高级别的请求（“设计一个应用…

飞书云文档（v2）：创建和编辑飞书文档。使用本 skill 时，docs +create、docs +fetch、docs +update 必须携带 --api-version v2；默认使用 DocxXML 格式（也支持 Markdown）。创建文档、获取文档内容（支持 simple/with-ids/full…

飞书即时通讯：收发消息与管理群聊。支持发送和回复消息、搜索聊天记录、管理群聊成员、上传下载图片和文件（支持大文件分片下载）、管理表情回复。当用户需要发送消息、查看或搜索聊天记录、下载聊天中的文件、查看群成员时使用。

飞书云空间：管理云空间中的文件和文件夹。上传和下载文件、创建文件夹、复制/移动/删除文件、查看文件元数据、管理文档评论、管理文档权限、订阅用户评论变更事件、修改文件标题（docx、sheet、bitable、file、folder、wiki）；也负责将本地 Word/Markdown/Excel/CSV 以及…

Lark/Feishu 实时事件监听/订阅/消费：通过 `lark-cli event consume <EventKey>` 以 NDJSON 格式流式传输事件（涵盖接收 IM 消息，…

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

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

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

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

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

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

设计与优化新手引导流程、空状态和首次运行体验，帮助用户快速获取价值。当用户提及新手引导……时使用。

高级 UI/UX 工程师。构建数字界面以覆盖默认的 LLM 偏见。执行基于指标的规则、严格的组件架构、CSS 硬件……