frontend▌

Convert PRDs to beads (epic + child tasks) for ralph-tui autonomous execution. \n \n Extracts quality gates from PRD and appends them to every bead's acceptance criteria, ensuring consistent validation across all stories \n Creates an epic with right-sized child beads, where each story is completable in a single ralph-tui iteration without context overflow \n Establishes dependencies between beads using bd dep add to enforce correct execution order: schema → backend → UI → integration \n Outputs

Interactive menu for browsing and composing agent teams on demand. Works with flat or domain-subdirectory agent collections.

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

Create cohesive brand identities, logos, and visual systems with design guidance and asset templates. \n \n Covers logo design process from discovery through concept development, with support for wordmarks, lettermarks, and icon-plus-wordmark combinations \n Includes complete color palette systems with accessibility guidelines, typography scales, and semantic color definitions \n Provides ready-to-use React components and SVG templates for logos, social media posts, business cards, and favicons

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

Expert in creating distinctive, production-grade frontend interfaces.

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

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

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