AI Skills Registry

Full-stack backend architecture and frontend-backend integration guide. TRIGGER when: building a full-stack app, creating REST API with fron

Software Mansion's best practices for gestures in React Native apps using React Native Gesture Handler. Use when implementing tap, pan, pinc

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off", "fix the design", "Tailw

Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring

Model complex UI behavior as finite state machines with states, events, and transitions.

React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, buildin

TanStack Start (RC) full-stack React with server functions, SSR, Cloudflare Workers. Use for Next.js migration, edge rendering, or encounter

Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes. Covers e-commerce-specific components including product cards, carousels

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components

Translate an existing Remotion (React-based) video composition into a HyperFrames HTML composition. Use ONLY when the user explicitly asks t

Use when React Hooks patterns including useState, useEffect, useContext, useMemo, useCallback, and custom hooks. Use for modern React develo

React and TypeScript best practices for Supabase Studio. Use when writing or reviewing Studio components — covers boolean naming, component

Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.

Preserve React 18 concurrent patterns and adopt React 19 APIs (useTransition, useDeferredValue, Suspense, use(), useOptimistic, Actions) dur

Use when adding new error messages to React, or seeing "unknown error code" warnings.

Interact with local Chrome browser session (only on explicit user approval after being asked to inspect, debug, or interact with a page open

Design AI-first interfaces that build ongoing relationships through memory, trust evolution, and collaborative planning, not just isolated s

Generate technical diagrams using HTML/CSS in Flat Engineering Blueprint style. Use when the user wants to create architecture diagrams, sys

Next.js 16 App Router performance, caching, server components, server actions, routing, and codebase-hygiene best practices — plus a categor

Use when relay fragment composition, data masking, colocation, and container patterns for React applications.

Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, ma

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list perform