next

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

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

ckm:banner-design — 一项可安装的 AI 代理技能，由 nextlevelbuilder/ui-ux-pro-max-skill 发布。

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

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

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 进行验证。