Agent Skills Hub

server-actions

Next.js Server Actions 专家技能，涵盖 App Router 中的表单处理、数据变更、重新验证以及乐观 UI 更新。

modern-best-practice-nextjs

使用 Next.js App Router、服务器组件、Server Actions 及现代 React 最佳实践来构建高性能应用程序。

server-components

Next.js React Server Components (RSC) 指南，涵盖服务器与客户端组件边界、数据获取及组合模式。

fullstack-workflow

Next.js 全栈开发标准流程，整合 GET API 路由、服务器动作 (Server Actions)、SWR 数据获取，以及使用 Zod 验证的 React Hook Form 表单处理。

react-patterns

实现 React 19 模式：React Compiler、Server Actions、表单与新 hook（如 'use'）。指导在 Actions 与 TanStack Query 之间进行变更处理的决策。

react-router-data-mode

使用 React Router 的数据模式 (data mode) 开发 React 应用程序，包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 与乐观 UI 更新。

livewire-development

开发反应式 Livewire 4 组件，处理 wire 指令、状态管理、实时更新、组件测试，并整合 Flux UI 以构建高性能 Laravel 应用程序。

nextjs-app-router

Next.js 13+ App Router 开发专家，支持 Server Components、嵌套布局、Suspense 流式渲染以及进阶数据获取模式的应用开发。

route-handlers

专为构建与管理 Next.js App Router API 路由设计的技能，支持处理 HTTP 方法、请求主体、流式传输与响应配置。

template-nextjs-moderne

为 Claude Code 提供的全方位 Next.js 15 开发与项目管理技能，包含 Supabase 集成、RBAC 权限管理及自动化质量验证。

migrate-to-vinext

Next.js 项目自动化迁移工具，将其转换为 vinext（基于 Vite 的 Next.js 实现），包含兼容性扫描、依赖项替换与配置文件生成。

htmx-rust

使用 Rust、Axum 与 HTMX 构建交互式超媒体 Web 应用程序，无需复杂的 JavaScript 框架即可实现动态与实时 UI 更新。