Agent Skills Hub

react-router-data-mode

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

tanstack-router

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

performance-security

优化 React 性能、实施安全性加固，并通过自动化模式与检查清单确保符合 WCAG 无障碍规范。

upstash-workflow-js

使用 Upstash Workflow SDK 构建持久且可靠的无服务器工作流。定义端点、管理复杂的执行步骤，并与 QStash 集成以实现自动重试和状态管理。

react-native-best-practices

React Native 性能优化指南，涵盖 FPS、TTI、Bundle 大小、内存泄漏与分析模式，基于 Callstack 的专业最佳实践。

roier-seo

AI 技术 SEO 审计工具，执行 Lighthouse/PageSpeed 测评并自动修复网站性能、无障碍网页与结构化数据等代码问题。

shopify-app-dev

Shopify 应用程序开发专家指南，涵盖 Shopify CLI 设置、Remix 框架架构、OAuth 流程、应用程序扩展，以及部署至 Cloudflare Workers 等平台的专业知识。

htmx-rust

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

nuxt

Nuxt 框架决策辅助层，用于优化项目开发，引导至正确的 Nuxt 套件、Vue 指南或模块特定逻辑。

modern-best-practice-nextjs

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

static-site-generation

用于管理静态网站生成器 (SSG) 项目的框架，涵盖 Astro、构建优化、GitHub Pages 部署模式以及类型安全的内容集合架构。

react-vite-best-practices

React 与 Vite 性能优化指南。适用于编写、审查或优化基于 Vite 构建的 React 组件。