frontend▌

Use this skill whenever the user wants to:

Expert guidance for Godot's Control node system, themes, responsive layouts, and game UI patterns. \n \n Covers all major Control node types including containers (VBoxContainer, GridContainer, ScrollContainer), interactive controls (Button, TextEdit, Slider), and display nodes (Label, RichTextLabel, TextureRect) \n Provides complete theme system documentation with code examples for creating StyleBoxes, fonts, colors, and icons programmatically or as .tres resources \n Includes ready-to-use scene

45 performance optimization rules for React and Next.js, organized by impact from critical waterfalls and bundle size down to advanced patterns. \n \n Covers 8 rule categories prioritized by performance impact: eliminating waterfalls, bundle optimization, server-side performance, client-side data fetching, re-render optimization, rendering performance, JavaScript performance, and advanced patterns \n Each rule includes explanations, incorrect/correct code examples, and context to guide automated

$22

$22

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

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

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

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),