Agent Skills Hub

Parallel Routes Generator

实现 Next.js Parallel Routes 模态窗口以消除页面布局偏移 (layout shifts)。适用于对话框、模态窗口及拦截路由 (intercepted routes)。

nextjs-app-router

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

router-query-integration

整合 TanStack Router 与 TanStack Query 以提升单页应用 (SPA) 效能，实现路由预加载、查询预获取与流畅的导航体验。

server-components

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

htmx-rust

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

microsim-screen-capture

使用 Chrome 无头模式自动为 MicroSim 可视化生成高质量截图。适用于文档制作、社交媒体预览及质量评估。

reactive-ui-patterns

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

react-router-data-mode

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

pr

自动化创建 GitHub 草稿合并请求，并强制执行约定式提交规范与严格的验证工作流程。

prd

生成专业的产品需求文档 (PRD)，并为自主开发周期规划功能架构。

pr-demo

为 Pull Request 与文档制作精美的终端动画演示，支持使用 asciinema、agg 与 svg-term-cli 进行录制与转换。

tanstack-router

TanStack Router 配置、基于文件的路由以及 React 应用的类型安全导航。