nextjs

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

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

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

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

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

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

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

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

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

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

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

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

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

Next.js 16 缓存组件 - PPR、use cache 指令、cacheLife、cacheTag、updateTag

当用户要求“构建 Solana dapp”、“编写 Anchor 程序”、“创建代币”、“调试 Solana 错误”、“设置钱包连接”、“测试我的 Solana…”时使用

使用 Better Auth 在 TypeScript/JavaScript 应用中搭建脚手架并实现身份验证。检测框架、配置数据库适配器、设置路由处理器，…

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

为软件系统和AI驱动的功能生成高质量的产品需求文档（PRD）。包含执行摘要、用户故事、技术……

提供完整的 shadcn/ui 组件库模式，包括无障碍 React 组件的安装、配置与实现。适用于……

ckm:ui-styling — 一项面向 AI 智能体的可安装技能，由 nextlevelbuilder/ui-ux-pro-max-skill 发布。