Nextjs

nextjs-turbopack 技能可帮助你在 Next.js 16+ 中使用 Turbopack，以获得更快的本地开发、HMR 以及打包器决策参考。它适合作为一份实用的 nextjs-turbopack 指南，用于安装、使用，以及在 Frontend Development 工作流中判断何时切回 webpack。

frontend-patterns 是一项面向 React 和 Next.js 前端开发的实用技能，帮助你为组件、状态、表单、路由、可访问性和性能选择更易维护的模式。当前端-patterns 指南是你需要清晰的实现思路和模式选择，而不只是泛泛的最佳实践时，它就很适合使用。

backend-patterns 是面向 Node.js、Express 和 Next.js API 路由的后端开发技能。它能帮助你进行 API 设计、repository/service/controller 分层、校验、缓存、后台任务和数据库优化，让你以更少的试错构建更干净的服务端系统。

使用 shadcn skill 检查项目上下文、运行正确的 CLI 命令、安装组件，并基于文档中的模式完成 UI 组合，包括 base 与 radix 的差异、表单、主题以及 registries 的用法。

fullstack-developer 是一套可复用的提示词包，面向现代 JavaScript 与 TypeScript Web 应用开发，覆盖 React、Next.js、Node.js、APIs、数据库、auth 与 deployment 等场景。它更适合多层级的规划与实现工作，核心是一份用于定义范围和工作流的 SKILL.md，而不是直接提供脚本或模板。

ui-ux-pro-max 是一款面向 AI 辅助 UI/UX 设计的综合技能，提供网页和移动端项目的布局、风格、配色体系、字体排版及 UX 规则等结构化指导。适合需要在 React、Next.js、Vue、Svelte、Tailwind、shadcn/ui、SwiftUI、React Native、Flutter 及 HTML/CSS 等技术栈中做出实用设计决策的开发者和团队。可用于 UI 规划、评审与优化，提升设计智能。

nextjs-app-router-patterns 可帮助开发者规划 Next.js 14+ 的 App Router 架构，涵盖 Server Components、streaming、caching、route handlers 和 Server Actions，适用于全栈开发与从 Pages Router 迁移的场景。

vercel-react-best-practices 是由 Vercel Engineering 提供的 skill，用优先级规则引导 AI 优化 React 和 Next.js 性能，涵盖瀑布流请求、bundle 体积和渲染等关键问题。

deploy-to-vercel 是一项面向 Vercel 部署的技能，会在部署前检查仓库状态、本地项目链接、CLI 登录状态和团队 scope。默认执行 preview 部署，支持辅助脚本，并能更稳定地返回部署 URL，减少试错。

source-driven-development 技能将框架相关编码建立在官方文档之上，帮助你在实现前先验证模式是否正确。它非常适合在 React、Vue、Next.js、Svelte、Angular 等技术栈中进行 source-driven-development 相关使用，尤其是在正确性、来源可追溯性和版本敏感决策很重要的时候。

frontend-dev 是一项用于前端开发的技能，帮助你构建精致、可直接上线的网页，涵盖高级 UI、电影感动效、AI 生成媒体、说服力文案和生成式艺术。适用于落地页、营销站、产品页、仪表盘以及其他需要设计、内容和实现细节保持一致的前端工作。

fullstack-dev 是一份面向全栈开发的实用指南，帮助你在编码前规划后端架构、API 设计、认证、数据流和前端集成。它适用于 CRUD 应用、仪表盘、聊天以及 API-first 构建，重点强调正确的工作流、约束条件和可直接发布的决策。

gsap-react 是面向 React 和 Next.js 的官方 GSAP 技能。它涵盖 useGSAP()、refs、gsap.context()、作用域选择器和清理机制，帮助你构建对 React 友好的动画，避免重渲染或卸载时的 bug。当前端开发需要安装与使用帮助时，可使用这份 gsap-react 指南。

next-best-practices 是一项面向 Next.js App Router 开发的实用技能，涵盖文件约定、RSC 边界、async API、数据模式、route handlers、bundling 与错误处理等关键实践。

next-cache-components 讲解 Next.js 16 的 Cache Components：如何启用 cacheComponents、使用 `use cache`、设置 cacheLife、应用 cacheTag，并结合 Suspense 流式渲染动态区块。

next-upgrade 技能可借助官方迁移指南、codemod、分步版本升级路径以及配套依赖更新，帮助你升级真实的 Next.js 项目。

medusa 技能可帮助你为后端开发搭建并扩展 Medusa。适用于 headless commerce 后端、管理工具、模块、API 路由，以及围绕 Node.js 和 PostgreSQL 的实用 medusa 安装、配置与使用步骤。

netlify-frameworks 是一份部署指南，帮助你在 Netlify 上运行 Vite/React、Astro、TanStack Start、Next.js、Nuxt、SvelteKit 和 Remix。适用于 Netlify 部署、adapter 和 plugin 配置、SSR、API 路由、middleware，以及各框架在 Netlify 集成中的排障。

supabase-nextjs 可帮助你用 Supabase 的 auth、storage 和 realtime 构建 Next.js App Router 应用，同时使用 Drizzle ORM 做类型化数据库查询。它适合需要受保护路由、服务端会话处理，以及清晰区分 server/client 的后端开发流程。

posthog-analytics 帮助团队在前端应用中实现 PostHog 的事件跟踪、功能开关和仪表盘。这个 posthog-analytics 技能可作为实用指南，帮助你在 Next.js App Router 或 React 项目中完成安装、使用和规范埋点。

vercel-react-best-practices 是由 Vercel Engineering 提供的、面向 React 和 Next.js 的性能优先指南。在重构组件、路由或数据获取时使用 vercel-react-best-practices 技能，可减少 waterfall、缩小 bundle、提升渲染效果，并更快交付前端代码。

vercel-deploy 可帮助你以最少的配置将应用和网站部署到 Vercel。它面向优先预览的部署流程，安装和使用步骤清晰，并在 CLI 不可用或缺少认证时提供可靠的兜底方案。适合先快速生成可分享的预览链接，只有在明确要求时再发布生产环境。

render-deploy 可将代码库整理成适用于 Render 的部署方案，包括 `render.yaml` Blueprints 或直接创建服务。需要在 Render 上获取一份实用的安装、使用、服务选择、环境变量和部署检查指南时，适合使用 render-deploy 技能。

netlify-deploy 是一个面向部署的 skill，帮助你使用 Netlify CLI 将 Web 项目发布到 Netlify。它会引导你完成身份验证、站点关联、预览部署、生产部署以及 netlify.toml 检查，减少从本地仓库到线上 URL 的试错成本。