guide

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

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

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

使用 Expo Router 构建精美应用的完整指南。涵盖基础知识、样式、组件、导航、动画、设计模式以及原生标签页。

将 Anthropic 的官方品牌色彩和排版应用于任何可能需要 Anthropic 外观风格的作品。在品牌……时使用它。

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

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

Expo SDK 版本升级与依赖问题修复指南

按照官方迁移指南和代码迁移工具，将 Next.js 升级至最新版本

Vue 3 调试与错误处理：涵盖运行时错误、警告、异步失败及 SSR/水合问题。在诊断或修复 Vue 问题时使用。

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

遵循 WCAG 2.1 指南实现 Web 无障碍 (a11y) 标准。适用于构建无障碍 UI、修复无障碍问题或确保……

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

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

当命令失败时自动修复损坏的 OpenCLI 适配器。在 opencli 命令失败时加载此技能——它将引导你收集 trace…

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

Everything Claude Code 的交互式安装程序 — 引导用户选择并将技能和规则安装到用户级或项目级目录，…

分析陌生代码库，并生成结构化的上手指南，包含架构图、关键入口点、代码规范以及入门 CLAUDE.md。使用…

指导系统性的根因调试。在测试失败、构建中断、行为与预期不符，或遇到任何意外错误时使用。适用于……

指导稳定的 API 与接口设计。适用于设计 API、模块边界或任何公共接口。适用于创建 REST 或 GraphQL 端点，…