Skills Directory

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

Pinia stores, state management patterns, store setup, and reactivity with stores.

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

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with p

VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with

Retrieve up-to-date documentation for software libraries, frameworks, and components via the Context7 API. This skill should be used when lo

Creates, reviews, and debugs UI motion and animation implementations. Covers springs, gestures, drag interactions, clip-path reveals, easing

Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.

`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, re

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue

Create modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs,

Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue

Implement signal-based reactive state management in Angular v20+. Use for creating reactive state with signal(), derived state with computed

Next.js App Router principles. Server Components, data fetching, routing patterns.

Expert integration of Supabase Auth with Next.js App Router

Audit and improve SwiftUI runtime performance from code review and architecture. Use for requests to diagnose slow rendering, janky scrollin

Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. Use when working with HTML, CSS,

Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/

frontend-design - an installable skill for AI agents, published by pbakaus/impeccable.

Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled