Web & Frontend
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.
-
tools-only Bundle 028 Agents Ed94fc76Repository Guidelines
7 - tools-only Bundle 096 Badges E885b78e
Badge Reference Guide
7 - tools-only Bundle 1109 Units Ec3d1087
Units and Quantities (astropy.units)
7 - tools-only Bundle 140 Claude 05941f6f
Anthropic Quickstarts Development Guide
7 - tools-only Bundle 140 Claude 10e9cf61
Comm Project Development Guide
7 - tools-only Bundle 140 Claude 6c19d749
LangGraphJS Development Guide
7 - tools-only Bundle 140 Claude 8949196f
Claude Skills Project Configuration
7 - tools-only Bundle 140 Claude 956697f1
Guitar Development Guide
7 - tools-only Bundle 140 Claude A7982489
Hooks
7 - tools-only Bundle 140 Claude D2eda093
140 Claude D2eda093
7 - tools-only Bundle 140 Claude E6a7cf13
Course Builder Development Guide
7 - tools-only Bundle 431 Go CLI 19f1ca6e
Go CLI Development
7 - tools-only Bundle 976 Shader F17101c3
Three.js Shaders
7 - tools-only Bundle 828 Reference B71b5ed0
PyO3 DSPy ReAct Agents - Complete Reference
7 - tools-only Bundle 2528 Wagmi React E854d7d4
Wagmi React
7 - tools-only Bundle 2488 Llms Small 98e8a510
<!DOCTYPE html><html class="geist_mono_98cac566-module__bcNCwW__variable geist_1620151b-module__2VSEvG__variable" lang="en-US"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/6b1f425f60385422.css?dpl=dpl_3v5JQ4rj78ytDj7Hgnsvf41KxFHB" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/e9d6c087a537f15b.css?dpl=dpl_3v5JQ4rj78ytDj7Hgnsvf41KxFHB" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/a6f5ac9da2acd5db.css?dpl=dpl_3v5JQ4rj78ytDj7Hgnsvf41KxFHB" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/1bb3d9fa648474da.css?dpl=dpl_3v5JQ4rj78ytDj7Hgnsvf41KxFHB" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/9f812ec3ff082811.css?dpl=dpl_3v5JQ4rj78ytDj7Hgnsvf41KxFHB" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/f3397527573301a9.css?dpl=dpl_3v5JQ4rj78ytDj7Hgnsvf41KxFHB" data-pre
7 - tools-only Bundle 2488 Llms Small F4193566
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/><link rel="stylesheet" href="/_next/static/css/081a0afca5a9bd20.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/8c7b0f31f4fbaca7.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/05402d5e5d222cb4.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/3864b451a61e4546.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-f0b99bb08eb83834.js"/><script src="/_next/static/chunks/72c7efa3-58be3dfa38b05694.js" async=""></script><script src="/_next/static/chunks/8a55f836-f5072e70f91ad42f.js" async=""></script><script src="/_next/static/chunks/38585-2409f58d72f4162e.js" async=""></script><script src="/_next/static/chunks/main-app-1bdd64b2d0b09d26.js" async=""></script><script src="/_next/static/chunks/00719cef-a9e451ed749b0efe.js" async=""
7 - tools-only Bundle Learning Mascot 2
Guides users through designing a pedagogical agent (learning mascot) for their intelligent textbook, generating AI image prompts, and implementing the mascot using inline images, custom CSS admonitions, or JavaScript auto-detection.
7 - tools-only Bundle 828 Reference 84e8cdad
React Frontend Reference
7 - tools-only Bundle 040 Animejs D9087e59
Anime.js v4 Reference Guide for AI Assistants
7 - tools-only Bundle 1053 Tables 5ac8009a
Table Operations (astropy.table)
7 - tools-only Bundle 2735 React Query 66bf81c6
React Query Advanced Patterns
7 - tools-only Bundle 2536 React Patterns Fd65e047
React component patterns, hooks, anti-patterns, and quality rules
7 - tools-only Bundle 1932 React Specialist 89a8cd60
Modern React specialist for hooks, server components, and performance
7 - tools-only Bundle 018 Advanced Afd329f6
QuTiP Advanced Features
7 - tools-only Bundle 216 Controls 3616fb63
Camera Controls (Addons)
7 - tools-only Bundle 330 Eloquent 2b38872c
Eloquent ORM
7 - tools-only Bundle 624 Node CLI 2a3d45cd
Node.js CLI Development
7 - tools-only Bundle 672 Patterns Cfbc333b
Detection Patterns
7 - tools-only Bundle 732 Protocol 967f215e
MCP Protocol Specification
7 - tools-only Bundle 934 Scenario 58b295d2
dbt Job Failure Debugging
7 - tools-only Bundle 1192 Accessibility 1cb43ec7
Accessibility
7 - tools-only Bundle 2513 Component Index F11377a2
Component Index — the-rewrite-room
7 - tools-only Bundle 2692 Hn 5 React Svelte 8b07930b
Research Results: React vs Svelte 2026
7 - tools-only Bundle 2692 Hn 5 React Svelte 96856f6d
What I learned:
7 - tools-only Bundle 325 Verification Guide A39aa0c7
Verification Guide for HTML JavaScript Filtering
7
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 028-agents_ed94fc76, 096-badges_e885b78e, 1109-units_ec3d1087. Rankings shift as installs change; sort this page by "Most installs" 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@latest add <owner>/<name>, or copy the file into your agent's skills directory.