frontend▌

Essential React Hooks for sensors, UI, animations, side-effects, lifecycles, and state management. \n \n 30+ sensor hooks track browser APIs and device interfaces including geolocation, keyboard input, scroll position, network state, and device motion \n 9 UI hooks manage audio, video, fullscreen, drag-and-drop, speech synthesis, and click-away detection \n 8 animation hooks provide requestAnimationFrame loops, intervals, timeouts, spring dynamics, and tweening \n 16 side-effect hooks handle asy

Programmatically build, scaffold, and deploy Power Automate cloud flows via FlowStudio MCP. \n \n Requires a FlowStudio MCP subscription and valid JWT token; connection setup covered in the flowstudio-power-automate-mcp skill \n Covers the full build workflow: safety checks for existing flows, connection reference discovery, definition construction, deployment (create or update), and test execution \n Includes reference templates for triggers, core actions (variables, control flow, expressions),

Modern React UI patterns for loading states, error handling, and data fetching. \n \n Covers five core principles: never show stale UI, always surface errors, use optimistic updates, progressive disclosure, and graceful degradation \n Provides decision trees and component patterns for loading indicators, skeleton screens, error states, empty states, and button submission handling \n Includes critical anti-patterns to avoid, such as showing spinners when cached data exists, silently swallowing er

Convert PRDs to prd.json format for ralph-tui autonomous execution. \n \n Extracts quality gates (universal and UI-specific commands) from PRD and appends them to every story's acceptance criteria \n Outputs a flat JSON structure with \"name\" and \"userStories\" at root level, ready for ralph-tui run --prd <path> \n Enforces right-sized stories completable in one agent iteration; splits oversized work into schema, backend, and UI layers \n Sets up story dependencies via dependsOn array to

Expert in creating distinctive, production-grade frontend interfaces.

Apply these rules when writing or reviewing Next.js code.

Framework for diagnosing and fixing supply-demand imbalances in two-sided marketplaces. \n \n Guides you through understanding your marketplace type, identifying whether you're supply-constrained or demand-constrained, and defining fill rate as your core liquidity metric \n Emphasizes that liquidity is fundamentally about reliability: how often buyers find what they want and sellers find buyers \n Highlights the \"whac-a-mole\" nature of marketplace management, requiring constant rebalancing of

Framework-based guidance for hiring and scaling sales teams from zero to repeatable revenue. \n \n Emphasizes proving founder-led repeatability (50-100 at-bats at 15-25% win rate) before hiring any salespeople \n Recommends always hiring sales reps in pairs to validate process and create performance baselines, not single hires \n Matches sales archetypes (hunters for outbound, growers for inbound/PLG) to your specific motion and buyer profile \n Delays VP of Sales hires until you have two reps c

$22

Provide comprehensive guidance for choosing between Server Components and Client Components in Next.js App Router, including cookie/header access, searchParams handling, pathname routing, and React's 'use' API for promise unwrapping.