Frontend skills

This skill helps you efficiently query Semi Design components, generate code, and troubleshoot usage with MCP workflows and best practices.

This skill orchestrates Claude, Codex, and Gemini to decompose, parallelize tasks, and synthesize a cohesive backend and frontend solution.

This skill uses the Figma MCP server to fetch design context, screenshots, assets, and translate nodes into production code.

This skill automates real browser tasks via the Playwright CLI from the terminal, enabling navigation, form filling, and artifact capture.

This skill helps you build and test web games in small steps using a Playwright loop to validate changes and inspect state.

This skill helps you read, generate, and validate PDFs with reliable visuals and layout checks using Poppler, ReportLab, and pdfplumber.

This skill accelerates complex, multi-module tasks by orchestrating parallel subtasks with exclusive file ownership to unlock up to 5x speed.

This skill automates browser testing, design-to-code generation, and accessibility checks to speed web development and quality assurance.

This skill helps you create interactive, publication-quality visualizations with Plotly, enabling rapid exploratory analysis and dashboards.

This skill helps you build self-contained interactive HTML dashboards with Chart.js and filters, delivering shareable reports without server setup.

This skill helps you implement Wagmi features across core actions, query options, and framework bindings to accelerate Ethereum dapp development.

This skill enables consistent frontend, backend, fullstack, and build-release changes for HuLa by applying repo conventions and templates.

This skill generates a cohesive Preline Theme CSS file by interpreting your request, executing the build, and delivering a ready-to-use theme.

This skill helps you build polished Nuxt and Vue interfaces with 125+ accessible components and Tailwind theming for brand-specific UIs.

This skill helps you publish content to X by automating posts, articles, and media using a real Chrome browser for reliable delivery.

This skill converts Markdown to styled HTML tailored for WeChat themes, with code highlighting, math, diagrams, and support for footnotes and alerts.

This skill analyzes article structure, identifies illustration points, and generates Type × Style visuals to enhance understanding and retention.

This skill helps you choose web game frameworks, optimize WebGPU/WebGL usage, and apply browser-friendly performance and asset strategies.

This skill coordinates multiple specialized agents to perform comprehensive, multi-domain analysis and implementation tasks within Antigravity.

This skill guides you through thoughtful web UI design using psychology, layout, typography, color, and accessibility principles to improve user experience.

This skill helps you optimize Next.js and React performance by eliminating waterfalls, reducing bundle size, and applying server/client optimizations.