Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
Convert PRDs to GitHub issues for LLM execution. Creates issues with acceptance criteria, dependencies, and quality gates from PRD user stories. Use when user asks to create github issues, convert prd to issues, or mentions breaking down PRD into tracked work.
Generate a Product Requirements Document (PRD) for this project. Creates PRDs with user stories, acceptance criteria, and quality gates optimized for AI agent execution. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out.
Expert motion and interaction design auditor based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Use when reviewing UI animations, transitions, hover states, or any motion design work. Provides per-designer perspectives with context-aware weighting.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
Tailwind CSS v4 with Base UI and Astro setup for this project. Use when: styling components, adding design tokens, working with Base UI primitives, debugging CSS variable issues, adding Tailwind utilities, or working with the shared styles package. Covers: @theme block pattern, OKLCH color space, Base UI + CVA component patterns, Astro + Vite integration, monorepo style sharing, and project-specific design tokens. Keywords: Tailwind v4, Base UI, @base-ui/react, @theme, OKLCH, CVA, class-variance-authority, tailwind-merge, design tokens, Astro integration, colors not working, variables broken, theme not applying, @plugin directive
TanStack Router type-safe file-based routing for React. Use for SPAs, TanStack Query integration, Cloudflare Workers, or encountering devtools, type safety, loader, Vite bundling errors.