Frontend skills

This skill helps you create polished product demo videos by automating browser interactions and encoding frames into shareable formats.

This skill converts DOCX documents to clean HTML for browser viewing, AI processing, and seamless data extraction.

This skill analyzes test coverage gaps across routes, components, and APIs to identify missing tests and prioritize remediation.

This skill provides a web shopping list UI with full CRUD on /shopping, syncing with the shopping-list skill for seamless updates.

This skill helps you implement Google Material Design 3 guidelines for Android, web, and Flutter apps, ensuring cohesive color, typography, and motion.

This skill guides Windows Fluent Design implementation for desktop apps, covering Mica, Acrylic, typography and cross-platform Electron adaptation.

This skill helps you manage Front data by interacting with Conversations, Contacts, Channels, and Tags through Membrane for seamless customer communications.

This skill generates a complete Nuxt-based documentation site with templates, i18n support, and AI integration for fast, maintainable project docs.

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 a separate reviewer through a comprehensive HyperEVM dApp QA checklist, ensuring no common shipping mistakes are missed.

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 orchestrates browser context, navigation, rendering checks, and content extraction to enable browser-dependent workflows for OpenClaw agents.

This skill automates web interactions in Chrome using Playwriter, runs Playwright code in a local sandbox, and captures screenshots and accessibility data.

This skill enables autonomous code development by scanning your project, proposing tasks, writing and verifying code, and handling PRs end-to-end.

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 generates complete responsive HTML landing pages from product name, tagline, and description, including hero, features, CTA, and footer.

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

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

This skill helps you build distinctive frontend interfaces by automatically applying a design system prompt for production-grade UI.

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.