Agent Skills Hub

Parallel Routes Generator

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

react-patterns

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

vue-typescript

专为使用 TypeScript 构建 Vue 3 应用程序所设计的技能，涵盖组合式 API (Composition API)、Pinia 状态管理、Vue Router 以及自定义组合式函数 (Composables)。

cloudscape-codegen

生成符合 Cloudscape Design System 的 React + TypeScript UI 代码，包含辅助功能、响应式布局及完善的状态处理。

modern-best-practice-nextjs

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

tamagui-best-practices

Tamagui 库架构、配置、编译器优化与组件模式的最佳实践。

music-theory-visual-design

Harmonic Orbit 音乐理论应用程序的视觉设计与 UI 样式指南，涵盖字体、配色系统、间距、动画及无障碍设计标准。

router-query-integration

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

shadcn-ui

实现 shadcn/ui 组件：包含安装、Vite/TanStack Router 配置、CLI 命令管理及 Tailwind CSS 集成。

frontend-ui-animator

为 Next.js、Tailwind CSS 和 React 应用程序分析并实现实用且具目的性的 UI 动画，重点在于用户体验、性能与无障碍设计。

vercel-react-native-skills

React Native 和 Expo 性能优化最佳实践。涵盖列表虚拟化、Reanimated 动画、UI 模式以及原生平台 API 优化。

tooling-setup

为 React 19 项目提供的生产级开发环境配置，包含 Vite、TypeScript、Biome 及 Vitest，提供严格的类型检查、代码规范、格式化与测试基础设施。