Agent Skills Hub

refactor

专门用于代码重构的技能。在不改变外部行为的前提下提高代码可维护性、减少技术债务并应用设计模式。

frontend

Preact 与 Tailwind 的前端编码规范。适用于集群应用程序的网页 UI 组件开发。

Investigating Code Patterns

系统性地追踪代码流、定位实现、诊断性能问题并映射系统架构，协助您深入理解复杂的代码库。

elegant-design

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

react-patterns

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

wayfinder-development

使用 Wayfinder 库管理 Inertia.js React 前端组件中类型安全的 Laravel 后端路由。

server-components

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

Parallel Routes Generator

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

react-router-data-mode

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

vertesia-plugin

用于构建 Vertesia 插件的框架，具备工具服务器与 UI 双架构，支持热模块替换 (HMR)、构建工具及资产管理。

react-doctor

分析并审核 React 项目的安全性、性能、正确性与架构问题，并提供可执行的诊断报告与评分。

explaining-code

使用可视化图表、生活比喻、逐步导览与常见陷阱来解释代码。