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
microsoft Podcast Generation
Generate AI-powered podcast-style audio narratives from text using Azure OpenAI's GPT Realtime Mini model via WebSocket, with full-stack implementation from React frontend to Python FastAPI backend.
2.7k · bundle
microsoft Wiki QA
Answers questions about a code repository by analyzing source files, providing evidence-based explanations with inline citations.
2.7k
microsoft Applicationinsights Web TS
Instrument browser/web apps with the Application Insights JavaScript SDK for Real User Monitoring (RUM), including page views, clicks, AJAX/fetch dependencies, exceptions, custom events, and GenAI agent traces correlated to backend OpenTelemetry traces.
2.7k · bundle
microsoft Zustand Store TS
Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation for React state management.
2.7k · bundle
microsoft React Flow Node TS
Create React Flow node components with TypeScript types, handles, and Zustand store integration for building custom nodes in visual workflow editors.
2.7k · bundle
microsoft Azure Web Pubsub TS
Build real-time messaging applications using Azure Web PubSub SDKs for JavaScript, including server-side management, client-side pub/sub, and Express event handlers.
2.7k
microsoft Frontend UI Dark TS
Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations for dashboards, admin panels, or data-rich interfaces.
2.7k · bundle
microsoft Azure Messaging Webpubsub Java
Build real-time web applications with Azure Web PubSub SDK for Java, enabling WebSocket-based messaging, live updates, chat, and server-to-client push notifications.
2.7k · bundle
microsoft UI Widget Developer
Build MCP servers for Copilot Chat with interactive widgets using React and Fluent UI, supporting both OpenAI Apps SDK and MCP Apps Extension standards.
2.7k · bundle
microsoft Azure Messaging Webpubsubservice Py
Send real-time messages and manage WebSocket connections using Azure Web PubSub Service SDK for Python.
2.7k
nvidia Nemo Retriever
Index folders of PDFs and other documents into LanceDB for vector search, then query them with semantic search, page filters, verbatim quotes, and cross-document aggregation.
2.2k · bundle
nvidia Nemotron Customize
Plan, configure, and chain Nemotron model customization steps into single-step or multi-step pipelines for curation, translation, fine-tuning, RL alignment, benchmarking, checkpoint conversion, optimization, and evaluation.
2.2k · bundle
nvidia Dynamo Troubleshoot
Diagnose failed or unhealthy Dynamo deployments by collecting a read-only debug bundle, classifying failures, and providing step-by-step remediation guidance.
2.2k · bundle
vuejs-ai Vue Debug Guides
Diagnose and fix Vue 3 runtime errors, warnings, async failures, and SSR/hydration issues with targeted debugging guides.
2.7k · bundle
vuejs-ai Vue Best Practices
Provides Vue.js best practices and workflow guidance, including architecture planning, component design, reactivity patterns, and performance optimization for Vue 3 projects.
2.7k · bundle
vuejs-ai Vue Jsx Best Practices
Provides guidance on JSX syntax differences between Vue and React, including attribute naming and plugin configuration.
2.7k · bundle
vuejs-ai Vue Pinia Best Practices
Learn Pinia best practices, common gotchas, and state management patterns for Vue applications.
2.7k · bundle
vuejs-ai Vue Router Best Practices
Provides Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
2.7k · bundle
vuejs-ai Vue Testing Best Practices
Provides best practices, patterns, and solutions for testing Vue.js applications, covering Vitest, Vue Test Utils, component testing, mocking, and Playwright for E2E testing.
2.7k · bundle
vuejs-ai Create Adaptable Composable
Create library-grade Vue composables that accept maybe-reactive inputs (MaybeRef/MaybeRefOrGetter) so callers can pass plain values, refs, or getters. Normalize inputs with toValue()/toRef() inside reactive effects for predictable behavior.
2.7k
vuejs-ai Vue Options API Best Practices
Provides Vue 3 Options API best practices, TypeScript integration tips, and solutions to common gotchas.
2.7k · bundle
browserbase Fetch
Retrieve HTML or JSON from static pages, inspect status codes and headers, follow redirects, or get page source for simple scraping without a full browser session. Supports proxies and redirect control.
3.6k · bundle
browserbase Search
Search the web and return structured results with titles, URLs, authors, and dates — no browser session required.
3.6k · bundle
browserbase Browser
Automate web browser interactions using natural language via CLI commands. Supports local and remote Browserbase sessions with CAPTCHA solving, residential proxies, and session persistence.
3.6k · bundle
browserbase UI Test
Runs adversarial UI tests in a real browser using the browse CLI, analyzing git diffs to test only changed areas or exploring the full app to find bugs in functionality, accessibility, responsive layout, and UX.
3.6k · bundle
browserbase Functions
Deploy serverless browser automation as cloud functions using Browserbase. Run browser automation on a schedule, create webhook endpoints, or run automation in the cloud instead of locally.
3.6k · bundle
browserbase Webmcp Gen
Create, compile, and validate site-specific WebMCP init scripts from a target URL and desired tool capability.
3.6k · bundle
browserbase Cookie Sync
Exports cookies from a local Chrome browser and saves them into a Browserbase persistent context, enabling authenticated browsing sessions via the browse CLI.
3.6k · bundle
browserbase Browserbase CLI
Manage Browserbase platform resources, Functions, and API workflows through the `browse` CLI.
3.6k · bundle
browserbase Agent Experience
Run multiple AI agents against a product, SDK, or docs site to score setup friction, speed, efficiency, error recovery, and doc quality from a minimal prompt.
3.6k · bundle
browserbase Event Prospecting
Takes a conference or event speakers URL, extracts the people, filters their companies against the user's ICP, and deep-researches only the speakers at ICP-fit companies. Outputs a person-first HTML report with a 'why reach out' rationale per person.
3.6k · bundle
browserbase Browser Use To Stagehand
Convert browser-use (Python) browser-automation scripts to Stagehand v3 (TypeScript) on Browserbase, replacing opaque agent loops with deterministic pipelines where possible.
3.6k · bundle
conardli Beautiful Article
Transforms source materials (URLs, PDFs, DOCX, Markdown, text, screenshots) into a single-file HTML web article that is visually polished, offline-accessible, and shareable, using a structured editorial workflow with checkpoints and quality reviews.
9.2k · bundle
conardli Web Design Engineer
Craft polished visual web artifacts — pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations — using HTML, CSS, JavaScript, and React.
9.2k · bundle
conardli Web Video Presentation
Transform articles or scripts into click-driven 16:9 web presentations that look like videos, with optional AI voiceover synthesis.
9.2k · bundle
affaan-m UI Demo
Record polished UI demo videos using Playwright with visible cursor, natural pacing, and storytelling flow.
226k
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 applicationinsights-web-ts, web-design-engineer, frontend-ui-dark-ts. 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.