Agent Skills Hub

ui-styling

使用 shadcn/ui 和 Tailwind CSS 构建可访问且一致的用户界面。采用组件优先架构以建立设计系统、集成 React Hook Form，并实践响应式移动优先开发。

state-management

前端状态管理指南，涵盖 Zustand/Pinia 全局存储、TanStack Query 服务器状态以及 URL 状态处理。

server-actions

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

generate-sdk-types

自动从 Rust 工具架构生成 TypeScript 类型定义，确保 MCP 项目中服务器与客户端之间的端到端类型安全。

rivetkit-client-react

RivetKit 官方 React 客户端。提供 useActor 和 createRivetKit 等 Hook，协助开发连接 Rivet Actor 的实时 React 应用程序。

migrate-to-vinext

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

nango-esm-migration

修复 Nango 集成迁移至零 YAML 架构后产生的 CJS/ESM 模块兼容性问题，包含路径修正、创建 ESM 包装器及还原原始实现。

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 构建响应式 React 仪表板。适用于制作 KPI 卡片、数据表格、Recharts 图表及 event-studio 管理后台。

Frontend Components

为 Django 生产环境服务器与工作程序提供标准化配置与管理。

fullstack-workflow

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

elegant-design

使用 React、Next.js 和 shadcn/ui 等现代设计系统，构建专业、易用且具响应式的界面。专注于开发者工具、聊天界面及实时流式组件。

react-email

使用 React 组件构建并发送响应式 HTML 电子邮件模板。提供可视化编辑器、渲染引擎，并与各大电子邮件客户端兼容。