for

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

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

审查 UI 代码是否符合 Web Interface Guidelines 规范。当要求“review my UI”、“check accessibility”、“audit design”、“review UX”或“check my site…”时使用。

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

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

在进行任何创造性工作之前，你必须使用此技能——包括创建功能、构建组件、添加功能或修改行为。它会探索用户意图……

在进行任何创意或架构工作（功能设计、组件创建或行为变更）之前调用。一个为……优化的精简头脑风暴流程。

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

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

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

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

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

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

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

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

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

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

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

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

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