Agent Skills Hub

components-build

Build modern, composable, and accessible React UI components following the components.build specification. Use for design systems, component libraries, and reusable UI architectures.

livewire-development

Develops reactive Livewire 4 components, handling wire directives, state management, real-time updates, component testing, and integration with Flux UI for high-performance Laravel applications.

design-system-patterns

Master design system architecture: implement design tokens, multi-brand theming, component libraries, and automated design-to-code pipelines for scalable UI foundations.

svelte-runes

Expert Svelte 5 runes guidance: reactive state ($state), derived values ($derived), effects ($effect), props, and migration strategies. Prevents reactivity anti-patterns.

core-principles

Architectural governance and project standards for React 19 SPA development, ensuring consistency in stack integration, project structure, and agent execution rules.

frontend

Frontend coding conventions for Preact and Tailwind. Use for web UI components in cluster applications.

react-state-management

Master modern React state management. Learn to implement Redux Toolkit, Zustand, Jotai, and React Query for global, server, and local state.

javascript-typescript

Advanced TypeScript and React development assistant for modern web applications. Expert in component architecture, state management, Vitest unit testing, Playwright E2E automation, and efficient TypeScript configuration.

nextjs-app-router

Expert assistant for building modern Next.js 13+ applications using the App Router, including Server Components, nested layouts, streaming with Suspense, and advanced data fetching patterns.

frontend-app-design

Build distinctive, high-end React Native Expo interfaces using liquid glass design and iOS Human Interface Guidelines for production-grade mobile apps.

airiot-frontend

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

angular-forms

Build reactive, type-safe Angular v21+ forms using the experimental Signal Forms API. Features automatic two-way binding, schema-based validation, and fine-grained field state management.