next

当用户提出“我该如何做 X”、“为 X 找一个技能”、“有没有可以……的技能”等问题，或表达…

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

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

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

当用户要求发现、安装、列出、检查、更新、移除、备份、恢复、同步或初始化 Agent Skills 时使用，提及 `bunx skills`、`npx skills`…

当用户希望对其网站的 SEO 问题进行审计、审查或诊断时使用。当用户提到“SEO audit”、“technical SEO”、“为什么我没有…”时也可使用。

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

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

当用户想要在其网站上添加、修复或优化 schema markup 和结构化数据时使用。当用户提到“schema markup”、“结构化……”时也可使用。

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

用于操作 Firebase Hosting（经典版）的技能。当你需要部署静态 Web 应用、单页应用（SPA）或简单的微服务时，请使用此技能。切勿…

使用 Firebase App Hosting 部署和管理 Web 应用。在部署带有后端的 Next.js/Angular 应用时，请使用此技能。

使用 Genkit 在 Node.js/TypeScript 中开发 AI 驱动的应用程序。当用户询问有关 JavaScript/TypeScript 中的 Genkit、AI 智能体、流程或工具时使用，…

创建应用或为应用添加 Convex。用于新的 Convex 项目，npm create

设置 Convex 认证、身份映射和访问控制。用于登录和认证。

在编写 Playwright 测试、修复不稳定的测试、调试失败、实现 Page Object Model、配置 CI/CD、优化性能、模拟……时使用。

关于集成和构建 shadcn/ui 组件应用的专业指南，涵盖组件探索、安装、自定义及最佳……

Neon Serverless Postgres 使用指南与最佳实践。涵盖入门、使用 Neon 进行本地开发、选择连接方式、Neon……

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

使用基于令牌的身份验证在 Vercel 上部署和管理项目。适用于使用访问令牌而非交互式登录操作 Vercel CLI 的场景——……