bloom

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.

TanStack Start (RC) full-stack React with server functions, SSR, Cloudflare Workers. Use for Next.js migration, edge rendering, or encountering hydration, auth, data pattern errors.

Turborepo high-performance monorepo build system. Use for monorepo setup, build optimization, task pipelines, caching strategies, or multi-package orchestration.

Modern TypeScript/JavaScript testing with Vitest. Fast unit and integration tests, native ESM support, Vite-powered HMR, and comprehensive mocking. Use for testing TS/JS projects.