Frontend skills

This skill helps you implement MSW v2 best practices for API mocking in tests and development, covering handlers, setup, and GraphQL.

This skill generates complete responsive HTML landing pages from product name, tagline, and description, including hero, features, CTA, and footer.

This skill scaffolds a production-ready fullstack app by collecting requirements and generating a React frontend with Vite Tailwind and Express MongoDB backend.

This skill converts any offer into high-converting landing or product pages using proven 10-section templates and persuasive CTAs.

This skill analyzes a frontend project to reveal routing, modules, and page mappings for intelligent navigation.

This skill automates end-to-end frontend deployment and go-live readiness for HyperEVM dApps from local dev to mainnet, including Vercel config and checks.

This skill guides you through redux-saga best practices, patterns, and testing to design robust, testable generator-based side effects in Redux apps.

This skill enforces Hyperliquid frontend UX rules across wagmi, chain config, wallet flow, and pre-publish checks to ensure reliable on-chain interactions.

This skill guides you through a disciplined UI debugging workflow that emphasizes observation, mechanism understanding, and minimal fixes before coding.

This skill builds beautiful HTML photo menus from restaurant URLs, PDFs, or photos using Gemini Vision and AI-generated imagery.

This skill fetches up-to-date library documentation via Context7 API to ensure accurate APIs, patterns, and best practices.

This skill helps you scaffold, develop, and deploy Obsidian plugins from templates, guiding setup, TS development, settings, and API patterns.

This skill analyzes bank transactions to identify subscriptions, categorize them with user input, and generate a printable HTML audit with cancel URLs.

This skill creates professional motion graphics videos programmatically using Remotion, surfacing brand data and live previews for promotional content.

This skill guides a separate reviewer through a comprehensive HyperEVM dApp QA checklist, ensuring no common shipping mistakes are missed.

This skill helps Android apps accelerate web content with a high-performance WebView container, offline assets, and seamless JS bridge communication.

This skill adds browser audio notifications for webchat with adjustable intensity and background-tab triggering to avoid disturbance.

This skill fetches Garmin health metrics and generates interactive charts to help you analyze sleep, recovery, HRV, and workouts.

This skill helps you quickly test and switch MCP preview modes, validate iframe rendering, and trigger external HTML delivery for Claude MCP tools.

This skill helps you automatically monitor production errors, generate AI-powered fixes, and streamline remediation across frontend and backend projects.

This skill helps you safely reclaim disk space by using npkill to identify and remove node_modules and .next folders.