Skills Directory

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

HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native - creating Butto

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

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

Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual ed

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

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

CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any Svelte component (.s

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

Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns. PROACTIVELY activate for: (1) building complex layouts with

Find and explore Windows desktop APIs. Use when building features that need platform capabilities - camera, file access, notifications, UI c