view

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

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

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

在编写代码之前规划功能的 UX 和 UI。运行结构化的探索访谈，随后生成用于指导实现的设计简报。使用……

使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS view…）实现流畅、原生体验动画的指南

使用 Expo DOM 组件在原生平台的 webview 中运行 Web 代码，并在 Web 端按原样运行。渐进式将 Web 代码迁移至原生平台。

设计让界面感觉精致的工程原则。适用于构建 UI 组件、审查前端代码、实现动画、悬停效果……

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

检索并查看 Google 表单的回复。

此技能支持对本地或远程运行的网站进行可视化检查，以识别并修复设计问题。在收到类似“review website…”的请求时触发。

品牌优先的落地页设计师——通过访谈用户挖掘品牌标识（形容词、色彩、排版、形状语言），随后通过 Stitch 生成并迭代打磨落地页，输出可直接部署的 HTML。当用户尚未确立视觉方向，需要制作独立的落地页或营销页时，优先使用本技能而非 frontend-design。触发条件：用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”，或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件：用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发（按钮、表单、导航栏）、正在构建多页应用，或使用已知设计令牌重新设计现有页面。在这些情况下，请使用 frontend-design。

使用 Expo Modules API（Swift、Kotlin、TypeScript）创建和编写 Expo 原生模块与视图的指南。涵盖模块定义 DSL、原生……

跨项目编码规范的基线，涵盖命名、可读性、不可变性及代码质量审查。请使用详细的前端或后端技能来实现……

涵盖性能、无障碍访问、SEO 和最佳实践的综合 Web 质量审计。当被要求“审计我的网站”、“审查 Web 质量”、“运行…”时使用。

按照平台精确规格创建 App Store 和 Google Play 截图。涵盖 iOS/Android 尺寸、展示图排序、设备模型以及预览视频……

YouTube 缩略图设计，包含特定尺寸、对比度规则和移动端预览优化。涵盖安全区、文字排版、面部表情……

使用参考图和 LoRA 技术在 AI 生成图像中保持角色一致性。涵盖多角度视图、表情设定图、色板以及……

基于 C++ Core Guidelines (isocpp.github.io) 的 C++ 编码规范。适用于编写、审查或重构 C++ 代码，以强制执行现代化、安全的……

规划与审查 MySQL/InnoDB 的架构设计、索引、查询调优、事务及运维操作。适用于创建或修改 MySQL 表、索引或查询时；…

与具体库无关的 Flutter/Dart 代码审查清单，涵盖 Widget 最佳实践、状态管理模式（BLoC、Riverpod、Provider、GetX、MobX、Signals）等……