Web & Frontend Agent Skills
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
Web & Frontend
1,641 skills
antigravity Development
Orchestrates end-to-end software development from scaffolding to deployment, covering frontend, backend, database, testing, and CI/CD workflows.
42.4k
expo Eas Hosting
Deploy Expo web apps and API routes to EAS Hosting (Cloudflare Workers), including export, deployment, environment secrets, custom domains, and authoring API routes with HTTP methods, CORS, and error handling.
2.2k · bundle
adobe Domain Mask
Masks a URL behind a custom domain for demos and recordings by setting up an HTTPS reverse proxy with trusted certificates and automatic cleanup.
142 · bundle
bankrbot Hoodmarkets
Launch and trade tokens on hood.markets (Robinhood Chain) via the agent API, including deploy, buy, sell, and fee claiming.
1.2k · bundle
heygen Hyperframes CLI
Run the HyperFrames CLI to scaffold, author, lint, preview, render, and publish video compositions locally or on HeyGen Cloud, AWS Lambda, and Google Cloud Run.
· bundle
heygen Remotion To Hyperframes
Port an existing Remotion (React) composition's source to HyperFrames HTML. Use only on explicit requests to migrate from Remotion; for new compositions or uncertainty, use the general HyperFrames skill.
· bundle
nexu-io Kanban Board
Generates a single-page Kanban board with four columns (To do, In progress, In review, Done), filter bar, and optional swimlanes.
· bundle
remotion-dev Mediabunny
Extract audio and video metadata such as duration and dimensions using the Mediabunny library in the browser.
3.9k · bundle
googlechrome Chrome Extensions
Build and publish production-quality Chrome extensions using Manifest V3 best practices, covering service workers, content scripts, side panels, and Chrome Web Store deployment.
1.6k · bundle
zhaoxuya520 Browser Extension Reverse
Guides authorized reverse engineering of Chrome and Firefox browser extensions, covering manifest analysis, background workers, and credential or traffic logic recovery.
12.8k · bundle
bhanunamikaze SEO
Performs deterministic, LLM-first SEO audits for websites, blog posts, and GitHub repositories, producing prioritized, confidence-labeled fixes.
853 · bundle
wjz-p Gemini Skill
Generates images and conducts conversations through the Gemini website (gemini.google.com) using MCP tools, scripts, or a managed browser as a fallback.
828 · bundle
projectopensea Opensea API
Query NFT and token data, browse drops, stream events, and search across Ethereum, Base, Arbitrum, Optimism, Polygon, and more using the official CLI, SDK, MCP server, or shell scripts.
47 · bundle
ecnu-icalk Frontend Design
Builds distinctive, production-grade frontend interfaces with bold aesthetics, avoiding generic AI design patterns.
559 · bundle
tinh2 Perf
Profiles application performance across database queries, API call chains, memory usage, bundle sizes, network waterfalls, and frontend rendering, then produces ranked optimization recommendations with estimated impact.
13
pranavnagrecha Lwc Light Dom
Use Light DOM in LWC when third-party libraries or global CSS require document-level access, with guidance on scoped styles and managed-package constraints.
15 · bundle
pranavnagrecha Lwc Quick Actions
Builds Lightning Web Components for record-page quick actions, covering screen actions with modals and headless actions with no UI, including lifecycle, recordId injection, and post-action UX.
15 · bundle
pranavnagrecha Salesforce Lwc
Routes to 82 Lightning Web Components skill packages covering reactivity, wire adapters, component communication, accessibility, performance, security, and Jest testing. Finds and opens the exact skill package for LWC-related requests.
15 · bundle
lingxling Hono
Build fast, type-safe web APIs and full-stack apps with Hono, deployable to Cloudflare Workers, Deno, Bun, Node.js, and other WinterCG-compatible runtimes.
253
omega-bred Asc Shots Pipeline
Automates iOS screenshot capture and upload: builds and launches the app on a simulator with xcodebuild/simctl, drives UI with AXe, frames screenshots with Koubou, and uploads them via the asc CLI.
7
leandrobenjaminl Web Scraping
Extrae datos de sitios web de forma ética usando requests, BeautifulSoup, Selenium o Playwright, respetando robots.txt y aplicando rate limiting.
0 · bundle
leandrobenjaminl Frontend Web Performance
Optimiza el rendimiento web midiendo Core Web Vitals, analizando el bundle y aplicando mejoras como lazy loading, code splitting y optimización de imágenes y fuentes.
0
nimoqup046-collab Hono
Build fast, type-safe web APIs and full-stack apps that run on Cloudflare Workers, Deno, Bun, Node.js, and other WinterCG-compatible runtimes.
2
sakamoto-family-smile Frontend Slides
Build zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files, with viewport-safe layouts and visual style exploration.
0 · bundle
sakamoto-family-smile Backend Patterns
Provides backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.
0
pwdev-solucoes UI Scanner
Analyzes an existing Vue project's UI to map components, extract design tokens, and identify code patterns, then generates a project-specific contextual skill file for consistent future development.
2
scoheart Web Access
Handles all network operations including search, web scraping, login-required access, and social media content retrieval via a real browser CDP proxy.
2 · bundle
scoheart Study Viewer
Converts structured Markdown into a standalone, split-screen interactive HTML page with original text and translation on the left and a six-point linguistic analysis on the right.
2 · bundle
scoheart Webapp Testing
Tests local web applications with Playwright, including server lifecycle management, DOM inspection, and screenshot capture.
2 · bundle
scoheart Vercel React Native Skills
Provides best practices for building performant React Native and Expo apps, covering list performance, animations, navigation, UI patterns, state management, rendering, monorepo structure, and configuration.
2 · bundle
joshuashepherd Vite
Configures Vite projects, covering vite.config.ts, plugin API, SSR, and Vite 8 Rolldown migration.
1 · bundle
joshuashepherd Remotion
Creates programmatic videos with React using Remotion, covering compositions, animations, motion graphics, and MP4 rendering, plus walkthrough and content-to-animation workflows.
1 · bundle
joshuashepherd React Components
Converts Stitch designs into modular Vite and React components, using MCP networking and AST-based validation to ensure code quality.
1 · bundle
samyakjhaveri Impeccable
Designs and iterates production-grade frontend interfaces, covering UX review, visual hierarchy, accessibility, performance, responsive behavior, theming, typography, layout, color, motion, and design systems. Handles websites, landing pages, dashboards, product UI, components, forms, and more.
0 · bundle
samyakjhaveri Understand Anything
Analyzes a codebase with multiple agents and builds an interactive React knowledge graph dashboard for onboarding and visual architecture exploration.
0
neuralblitz Canvas
Displays HTML content on connected OpenClaw nodes (Mac, iOS, Android) via a local HTTP server and node bridge, with actions for presenting, navigating, evaluating, and capturing snapshots.
1
Frequently asked questions
What are Web & Frontend agent skills?
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
Which Web & Frontend skills are most installed?
Popular Web & Frontend skills on SkillMD right now include domain-mask, hoodmarkets, eas-hosting. Rankings shift as installs change; sort this page by "Most downloaded" for the live list.
Do Web & Frontend skills work with Claude Code and Cursor?
Yes. Every skill here ships as a SKILL.md file, an open format that works in Claude Code, Claude.ai, Cursor, Codex, Windsurf, and 60+ other agents. Install one with npx skillmds add <owner>/<name>, or copy the file into your agent's skills directory.