Agent Skills Hub

css-modules

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

interaction-design

Design and implement microinteractions, motion design, and transitions. Use to add UI polish, define loading states, and create delightful, intuitive user feedback patterns.

PRISM.unified

UI component patterns and touch input handling for M5Stack Tab5 applications using M5GFX and LVGL.

ui-mockup

Orchestrator for audio plugin WebView UI design, handling iterative mockup generation and production-ready scaffolding for JUCE-based instruments and effects.

react-typescript

Production-grade React 19 and TypeScript patterns featuring hooks, state management, TanStack Query, form validation with Zod, and performance optimization workflows.

Parallel Routes Generator

Implements Next.js Parallel Routes for modals to prevent layout shifts. Essential for dialogs, modals, and intercepted routes.

mobile-ios-design

Master iOS Human Interface Guidelines and SwiftUI for native app development. Expert guidance for UI design, component implementation, and Apple platform design principles.

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance. Automatically checks accessibility, design standards, and UX best practices.

server-actions

Expert skill for Next.js Server Actions, covering form handling, data mutations, revalidation, and optimistic UI updates in the App Router.

swift-ui

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

flutter-errors

Diagnoses and resolves common Flutter runtime and layout errors such as RenderFlex overflow, unbounded constraints, and state management issues.

react-email

Build and send responsive HTML email templates using React components. Features a visual editor, rendering engine, and compatibility with major email clients.