Agent Skills Hub

design-excellence

A design system and anti-pattern guide to make AI-generated UI look human-crafted. Ensures professional aesthetics by managing color, typography, spacing, and animations for the Toh Framework.

ui-design

A specialized tool for generating single-file HTML user interfaces with integrated Tailwind CSS, perfect for rapid prototyping, UI exploration, and design inspiration.

tamagui-best-practices

Tamagui library best practices for architecture, configuration, compiler optimization, and component patterns.

performance-security

Optimize React performance, implement security hardening, and ensure WCAG accessibility compliance with automated patterns and checklists.

react-doctor

Analyze and audit React projects for security, performance, correctness, and architecture issues with actionable diagnostics and scoring.

slidev-click-animations

Master v-click, v-after, and motion directives in Slidev to create progressive content reveals, interactive diagrams, and complex slide animations.

state-management

Guidance on frontend state management, including global stores like Zustand/Pinia, server state via TanStack Query, and URL state handling.

airiot-frontend

Official AIRIOT development toolkit for building React applications with TypeScript, shadcn/ui, and integrated real-time platform capabilities.

pellicule

Pellicule is a Vue-native library for programmatic video generation, allowing you to render deterministic videos, animations, and motion graphics directly from Vue components.

create-auth-skill

Scaffold and implement authentication in TypeScript/JavaScript apps using Better Auth. Detects frameworks, configures database adapters, sets up route handlers, adds OAuth providers, and scaffolds UI pages.

frontend-design-review

Review, audit, and build production-grade frontend interfaces with high design quality, accessibility standards, and design system compliance.

fumadocs-i18n

Automate complete internationalization for Fumadocs. Configures multi-language routing, language switcher, sidebar filtering, and content structure for Next.js projects.