Agent Skills Hub

react-vite-best-practices

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

web-frameworks

全栈网页开发套件，整合 Next.js (SSR/RSC/App Router)、Turborepo 单体库管理及 RemixIcon 图标库。专为现代 React 开发、高性能构建与可扩展架构设计。

javascript-typescript

专为现代 Web 应用程序设计的进阶 TypeScript 与 React 开发助手。精通组件架构、状态管理、Vitest 单元测试、Playwright 端对端自动化以及高效的 TypeScript 配置。

interaction-design

设计并实现微交互、动态设计与转场效果。用于提升 UI 精致度、实现加载状态，并创造直观、令人愉悦的用户反馈体验。

fullstack-workflow

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

elegant-design

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

state-management

前端状态管理指南，涵盖 Zustand/Pinia 全局存储、TanStack Query 服务器状态以及 URL 状态处理。

htmx-rust

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

pellicule

Pellicule 是一个 Vue 原生的程序化视频生成库，让您能够直接从 Vue 组件渲染出确定性的视频、动画与动态图形。

generate-sdk-types

自动从 Rust 工具架构生成 TypeScript 类型定义，确保 MCP 项目中服务器与客户端之间的端到端类型安全。

client

管理客户关系、追踪后续行动，并利用基于 Obsidian 的客户资料自动草拟个性化电子邮件。

vercel-react-native-skills

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