nextjs

优化应用性能，提升速度、效率和可扩展性。适用于改善页面加载时间、减小打包体积、优化数据库查询等场景……

Node.js 开发原则与决策制定。涵盖框架选择、异步模式、安全性与架构。授人以渔，而非生搬硬套。

组织项目文件和文件夹，以提升可维护性与可扩展性。适用于构建新项目、重构目录结构或建立……

高级 Next.js 模式 - 中间件、Server Actions、缓存与

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

面向 React 的官方 GSAP 技能 —— useGSAP hook、refs、gsap.context() 及清理机制。当用户希望在 React 或 Next.js 中实现动画，或询问有关 GSAP 与……的结合使用时使用。

使用 Chrome DevTools MCP 分析 Web 性能。测量核心 Web 指标 (LCP、INP、CLS) 及辅助指标 (FCP、TBT、Speed Index)，识别…

在编写使用 InsForge 或 @insforge/sdk 的应用代码时使用此技能：数据库 CRUD、身份验证、存储上传/存储 RLS、函数、AI、实时、电子邮件、Stripe 结账、订阅、客户门户流程，或将兼容 S3 的工具（aws CLI、AWS SDKs、rclone、Terraform、boto3）指向 InsForge Storage。在遇到添加身份验证、获取数据、上传文件、将存储桶设为公开、添加结账、售卖订阅或发送电子邮件等请求时触发。对于基础设施、SQL 迁移、CLI 命令或 Stripe 密钥/目录设置，请改用 insforge-cli。

Clerk 认证路由。当用户询问添加认证时使用，

按照官方快速入门指南，将 Clerk 身份验证添加到任何项目

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

React、Next.js、状态管理、性能优化及 UI 最佳实践的前端开发模式。

自定义身份验证流程与组件外观 - 钩子 (useSignIn,

后端架构模式、API 设计、数据库优化，以及针对 Node.js、Express 和 Next.js API 路由的服务端最佳实践。

优化 Core Web Vitals (LCP、INP、CLS) 以提升页面体验和搜索排名。当被要求“改善 Core Web Vitals”、“修复 LCP”、“降低 CLS”等时使用。

用于实时事件和数据同步的 Clerk Webhooks。使用 verifyWebhook 进行验证。

REST API 设计模式，涵盖生产级 API 的资源命名、状态码、分页、过滤、错误响应、版本控制和限流。

Clerk 后端 REST API 浏览器与执行器。支持浏览标签、检查端点 Schema，以及执行经过身份验证的请求。在列出用户、管理……时使用。

适用于 TypeScript 的类型安全 SQL ORM，零运行时开销

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