Agent Skills Hub

airiot-frontend

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

reactive-ui-patterns

Reactive UI patterns for remote data fetching, enabling smooth in-place updates, persistent scroll position, and efficient loading state management using the .current property.

modern-best-practice-nextjs

Build performant Next.js applications using App Router, Server Components, Server Actions, and modern React best practices.

music-theory-visual-design

Visual design and UI styling guidelines for the Harmonic Orbit music theory application, covering typography, color systems, spacing, animations, and accessibility standards.

frontend-accessibility-best-practices

Accessibility best practices and patterns for React applications to ensure WCAG compliance, semantic structure, and inclusive user experiences.

shipany

Official documentation skill for Shipany, an AI-powered SaaS boilerplate. Provides expert guidance on Next.js 15, Drizzle ORM, NextAuth, and payment integrations.

ui

Generates UI components, hero sections, and feedback forms with integrated accessibility checks, leveraging specialized design references and quality gates.

state-management

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

shadcn-ui

Implement shadcn/ui components: installation, Vite/TanStack Router configuration, CLI command management, and Tailwind CSS integration.

server-components

Guidance on React Server Components (RSC) in Next.js, covering server/client component boundaries, data fetching, and composition patterns.

swift-ui

SwiftUI architecture and implementation patterns for native iOS and macOS development, focusing on state management, view composition, and data persistence.

react-vite-best-practices

React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite.