Agent Skills Hub

data-storytelling

Transform raw data into compelling, decision-driving narratives using visualization strategies, story frameworks, and persuasive structures for analytics and executive reporting.

react-ui-patterns

Standardized React UI patterns for loading states, error handling, and data fetching to ensure consistent UX and robust component architecture.

design-system-implementation

Enforce strict UI adherence to your project's design system tokens, components, and layout patterns for consistent frontend implementation.

Building Frontend Dashboards

Build responsive React dashboards using TypeScript, shadcn/ui, TanStack Query, and Supabase. Ideal for creating KPI cards, data tables, charts with Recharts, and admin interfaces for event-studio.

User Story Writing

Create well-structured user stories with clear acceptance criteria using the standard As a/I want/So that framework for agile team alignment.

user-stories

Write INVEST-compliant user stories with testable Given-When-Then acceptance criteria to bridge the gap between requirements and development.

swift-ui

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

css-modules

CSS Modules styling strategy for component-level encapsulation using Lightning CSS or PostCSS, featuring TypeScript integration and Vite configuration.

frontend-accessibility-best-practices

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

ui-design-system

Professional UI design system toolkit for design token generation, component architecture, responsive calculations, and developer handoff documentation to ensure visual consistency.

airiot-frontend

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

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.