Agent Skills Hub

state-management

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

color-palette

从单一十六进制颜色代码生成完整且易于访问的色彩系统。包含 11 阶色谱 (50-950)、语义标记、深色模式变体及 Tailwind v4 CSS 输出。

webpack

Webpack 前端开发参考工具。提供配置指南、故障排除、性能优化技巧及最佳实践，协助开发者高效管理前端构建项目。

rivetkit-client-react

RivetKit 官方 React 客户端。提供 useActor 和 createRivetKit 等 Hook，协助开发连接 Rivet Actor 的实时 React 应用程序。

tailwind-design-system

利用 Tailwind CSS v4 构建可扩展的设计系统，包含 CSS 优先配置、设计标记、组件变体与响应式模式。

frontend-design-review

评估、审核并构建具有高质量设计、符合无障碍标准及设计系统规范的生产级前端界面。

icon-set-generator

为网站和应用程序生成具备一致视觉风格、线条粗细与密度的专业 SVG 图标集，打造独特的品牌 UI 识别。

api-spec-analyzer

分析 OpenAPI 规范以生成 TypeScript 接口、API 服务模式及实现指南，协助前端开发人员进行后端集成。

testing-frontend

自动化前端组件测试、用户交互模拟、API 模拟，以及设置 Vitest、React Testing Library 与 Vue Test Utils。

react-patterns

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

interaction-design

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

web-component-design

掌握 React、Vue 和 Svelte 的组件驱动开发。学习进阶组合模式、CSS-in-JS 策略及用于可扩展 UI 设计系统的组件 API 设计。