Skills Directory

Add Agentation visual feedback toolbar to a Next.js project

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI be

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.

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

Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React compone

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

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

Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file

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.

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

Expert code reviewer for TypeScript + React 19 applications. Use when reviewing React code, identifying anti-patterns, evaluating state mana

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,

Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic re

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