productivity▌

Convert a PRD into a phased implementation plan using vertical-slice tracer bullets. \n \n Breaks down product requirements into thin, end-to-end slices that cut through all integration layers (schema, API, UI, tests) rather than horizontal layers \n Identifies and documents durable architectural decisions upfront (routes, schema, data models, auth boundaries) so all phases reference consistent foundations \n Outputs a structured Markdown plan file in ./plans/ with phases, user story mappings, a

Implement WCAG 2.1 accessibility standards for semantic HTML, keyboard navigation, ARIA attributes, and screen reader support. \n \n Covers semantic HTML structure, keyboard navigation (Tab, arrow keys, ESC), and focus management for modals and interactive components \n Provides ARIA attribute guidance (aria-label, aria-live, aria-hidden, role attributes) with practical React/TypeScript examples \n Includes color contrast requirements (WCAG AA/AAA), visual focus indicators, and testing strategie

40 NestJS best practices organized by priority across architecture, dependency injection, security, and performance. \n \n Covers 10 rule categories from critical (architecture, DI) to low-medium (DevOps), each with specific, actionable patterns and anti-patterns \n Includes rules for modules, controllers, services, error handling, authentication, database optimization, testing, and microservices \n Each rule provides explanation, incorrect vs. correct code examples, and context for when to appl

Browser automation for cmux webviews with snapshot-based element targeting and state verification. \n \n Open surfaces, navigate, and verify URLs before acting; snapshot with --interactive to get fresh element references for clicks, fills, and selections \n Wait patterns support selectors, text content, URL changes, load states, and custom JavaScript functions with configurable timeouts \n Recommended workflow: navigate → verify URL → wait for load state → snapshot → act → snapshot again to hand

Vite is a modern build tool for frontend development featuring instant server start with native ES modules, lightning-fast HMR, and optimized production builds using Rolldown/Rollup. It supports TypeScript, JSX, CSS pre-processors out of the box and has a rich plugin ecosystem.

Build powerful Laravel admin panels using Filament v5's server-driven UI with Schemas and Livewire v4 reactivity.

Awwwards-style portfolio landing page with smooth scroll and motion animations. \n \n Built with Next.js, Locomotive Scroll, GSAP, and Framer Motion for fluid scroll-triggered animations and interactive effects \n Static site with no environment variables required; runs on port 3000 during development \n Deployment requires special handling on Vercel using vercel build --prod followed by vercel deploy --prebuilt --prod ; Netlify deployment available as alternative \n

Build installable, offline-capable web apps with Service Workers, smart caching, and native-like experiences.

Identifies and eliminates performance bottlenecks in Flutter apps through systematic profiling and targeted optimization. \n \n Provides a decision tree to diagnose jank on UI thread, Raster (GPU) thread, or both, with specific fixes for each \n Includes integration test templates using traceAction and TimelineSummary to establish performance baselines and measure frame budgets \n Covers UI optimization (localizing state, const constructors, StringBuffer usage) and Raster optimization (replacing

Fast, persistent browser automation with session continuity across sequential agent commands. \n \n Supports three browser modes: headless Chromium, real Chrome with profile support, and cloud-hosted remote browsers with proxy configuration \n Includes 15+ command categories covering navigation, page inspection, interactions, data extraction, cookie management, and JavaScript execution \n Offers cloud session management, local server tunneling via Cloudflare, and parallel subagent execution thro