Agent Skills Hub

design-excellence

一套设计系统与反模式指南，让 AI 生成的界面更具人工质感。通过管理色彩、排版、间距与动画，为 Toh Framework 提供专业的视觉品质。

ui-design

一个专门用于生成单文件 HTML 用户界面的工具，内置 Tailwind CSS，非常适合快速原型制作、UI 探索和设计灵感参考。

tamagui-best-practices

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

performance-security

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

react-doctor

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

slidev-click-animations

精通 Slidev 中的 v-click、v-after 和 motion 指令，以实现渐进式内容揭露、交互式图表及复杂的演示动画效果。

state-management

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

airiot-frontend

官方 AIRIOT 开发套件，用于构建基于 React、TypeScript 与 shadcn/ui 的应用程序，并集成实时平台功能。

pellicule

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

create-auth-skill

使用 Better Auth 在 TypeScript/JavaScript 应用程序中构建与实现身份验证。自动检测框架、配置数据库适配器、设置路由处理程序、加入 OAuth 提供者并创建 UI 页面。

frontend-design-review

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

fumadocs-i18n

自动化配置 Fumadocs 的国际化 (i18n)。实现 Next.js 多语言路由、语言切换器、侧边栏过滤及文档目录组织。