Skills Directory

RivetKit React client guidance. Use for React apps that connect to Rivet Actors with @rivetkit/react, create hooks with createRivetKit, or m

RivetKit SwiftUI client guidance. Use for SwiftUI apps that connect to Rivet Actors with RivetKitSwiftUI, @Actor, rivetKit view modifiers, a

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

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS

Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native

TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing Swi

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when bu

MUST be used for Vue.js tasks. Strongly recommends Composition API with `` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar

Analyze raw prompts, identify intent and gaps, match ECC components (skills/commands/agents/hooks), and output a ready-to-paste optimized pr

Build AI chat interfaces using ai-elements components - conversations, messages, tool displays, prompt inputs, and more. Use when the user w

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native app

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design toke

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API route

Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or impl

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mob

Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend s

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presen

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server

TanStack Start best practices for full-stack React applications. Server functions, middleware, SSR, authentication, and deployment patterns.

Java coding standards for Spring Boot and Quarkus services: naming, immutability, Optional usage, streams, exceptions, generics, CDI, reacti

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, i

MUST be used for Vue.js tasks. Strongly recommends Composition API with `` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar