Agent Skills Hub

ui

生成 UI 组件、Hero 区块与反馈表单。集成无障碍检查清单与专业设计参考，确保开发质量。

server-actions

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

react-router-data-mode

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

reactive-ui-patterns

用于远程数据获取的响应式 UI 模式，通过 .current 属性实现流畅的原位更新、保持滚动位置并有效管理加载状态。

react-ui-patterns

标准化的 React UI 模式，用于处理加载状态、错误处理与数据获取，确保一致的用户体验与稳固的组件架构。

react-state-management

掌握现代 React 状态管理。学习使用 Redux Toolkit、Zustand、Jotai 和 React Query 来处理全局、服务器与本地状态。

updating-dawncaster-filters

在 Dawncaster 游戏扩展包发布后，系统化地更新卡片与天赋浏览器的筛选器下拉菜单及映射数组，确保前端数据与 Blightbane API 同步。

fullstack-workflow

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

tanstack-query

TanStack Query v5 专业状态管理模式，涵盖查询键工厂、数据变更、缓存策略及 SSR 配置，适用于各类服务器状态管理任务。

looped-builder

将大型且复杂的编程任务拆解为可执行的阶段性计划，并透过 Claude 驱动的 Bash 循环进行自动化实现与部署。

ui-design

一个专门用于生成单文件 HTML 用户界面的工具，内置 Tailwind CSS，非常适合快速原型制作、UI 探索和设计灵感参考。

ui-implementer

根据 Figma 或设计稿实现 UI 组件，提供像素级精确度、智能设计验证与自适应代理切换功能。