Frontend skills

This skill guides you through creating your first Flutter project, editing main.dart, and running it across platforms for rapid learning.

This skill helps you render MusicXML in a Lit web component using OpenSheetMusicDisplay, adapting to source or inline XML for dynamic sheet music.

This skill guides creating new CSS components with semantic naming, Tailwind @apply composition, dark mode, and test coverage.

This skill helps you move from design to implementation by orchestrating parallel cookoff plans or single-subagent execution.

This skill retrieves up-to-date documentation and code examples for libraries and frameworks by querying Context7 with a resolved library ID.

This skill helps you enhance and refine UI by applying targeted steering commands across design, accessibility, performance, and polish.

This skill enforces opinionated UI constraints for building accessible, performant interfaces with agents, covering components, animation, layout, and

This skill refines recently changed code for readability and maintainability without altering functionality, following project standards.

This skill helps you build custom, interactive D3 visualizations from data to visuals with low-level control over scales, layouts, and transitions.

This skill provides a comprehensive Shopify development reference to accelerate Liquid, themes, APIs, and app builds with best-practice guidance.

This skill analyzes dependency upgrades and migrations, outlining breaking changes, required work, and a migration checklist to plan efficiently.

This skill analyzes code changes to reveal impact, risks, and a migration checklist across backend, frontend, and tests.

This skill performs focused frontend code reviews for the depot console, enhancing WebSocket teleop reliability, 3D rendering performance, and state-management

This skill helps you render and animate health bars above 3D characters using CSS and Drei Html in React Three Fiber.

This skill automates browser testing and UI validation for Playwright MCP, helping you verify accessibility, responsiveness, and reliable interactions in web

This skill helps you manage entities in Zustand for lightweight game state, with non-reactive systems and reactive components.

This skill helps you bootstrap a Verekia-style R3F game project using Next.js Pages Router, Tailwind 4, TypeScript, and Bun for fast setup.

This skill helps you identify bottlenecks and optimize code through a thorough performance audit across databases, backend, frontend, and infrastructure.

This skill lets you launch a visual Task Master editor for editing tasks.json via Streamlit, simplifying task management.

This skill helps you architect R3F game projects by separating systems from views and guiding miniplex ECS usage for robust gameplay.

This skill helps synchronize DOM UI elements outside the Canvas with the render loop using external useFrame in React Three Fiber v10.