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 083 AWS Sdk Java Bedrock API 5715c6f1<!DOCTYPE HTML>
7 - tools-only Bundle 621 Nextjs Server Components Afce90a0
Next.js Server Components
7 - tools-only Bundle 2732 App Router Fundamentals 5db2d98d
Next.js App Router Fundamentals
7 - tools-only Bundle 2690 Cross 5 React Svelte Improved 6eeca115
What I learned:
7 - tools-only Bundle 2690 Cross 5 React Svelte Improved E30bcd9d
Research Results: React vs Svelte 2026
7 - tools-only Bundle 302 Devkittssecurity Review 073c88a0
Provides comprehensive security review for TypeScript/Node.js applications (Next.js, NestJS, Express, etc.). Use when auditing security vulnerabilities or before deploying to production.
7 - tools-only Bundle 058 Architecture Patterns C9e7d0c0
Architecture Patterns & Best Practices
7 - tools-only Bundle 320 Documentation Systems B12392c0
Documentation Systems & Infrastructure
7 - tools-only Bundle 394 Frontmatter Reference 6a2b49a6
YAML Frontmatter Reference
7 - tools-only Bundle 704 Pr 160 Review Updated C4a9e761
PR #160 Review: Improve codemap.py with symbol hierarchy
7 - tools-only Bundle 1749 Nextjs Migration Helper 48aa3212
Next.js Migration Helper
7 - tools-only Bundle 2916 Extract Component Props 3bcedb0d
Extract Component Props
7 - tools-only Bundle 1029 Strangler Fig Pattern A802264c
Strangler Fig Pattern
7 - tools-only Bundle 145 Cleanup Rollback Guide Bca14308
Cleanup and Rollback Guide
7 - tools-only Bundle 715 Progressive Disclosure Deb86226
Progressive Disclosure Architecture
7 - tools-only Bundle 990 Skill Quality Fix Plan 7786b9d7
Skill Quality Fix Plan
7 - tools-only Bundle 413 Reference Set 05 CSS Security 09299216
<!-- Threat Modeling Skill | Version 3.0.2 (20260204a) | https://github.com/fr33d3m0n/threat-modeling | License: BSD-3-Clause -->
7 - tools-only Bundle 413 Reference Set 05 CSS Security Ae726937
<!-- Threat Modeling Skill | Version 3.0.3 (20260209a) | https://github.com/fr33d3m0n/threat-modeling | License: BSD-3-Clause -->
7 - tools-only Bundle 1533 Frontend Build System 31798171
Frontend Build System Guide
7 - tools-only Bundle 1533 Frontend Build System Ba36515b
Frontend Build System Guide
7 - tools-only Bundle 2688 Guide Skills Frontend 2f63a088
Frontend Development Skills Guide
7 - tools-only Bundle 1009 Specialized Loaders 550c5014
Specialized Loaders
7 - tools-only Bundle 1024 State Tree Progress F26fd6cd
ADR 009: Tree-based State for Progress Reporting
7 - tools-only Bundle 1070 Theme Customization 1185e91a
MUI Theme Customization
7 - tools-only Bundle 334 Emotional Regulation Ecac2f9c
Emotional Regulation for Difficult Conversations
7 - tools-only Bundle 477 Integration Patterns 68e8ed71
Integration Patterns
7 - tools-only Bundle 226 Frontend Engineer Description 0e3674a2
The Frontend Engineer serves as the user-facing implementation specialist in the development pipeline, transforming UX designs and technical specifications into responsive, accessible, and performant user interfaces. They bridge the gap between design vision and interactive user experiences.
7 - tools-only Bundle 1277 Rerender Memo With Default Value 81c47476
Extract Default Non-primitive Parameter Value from Memoized Component to Constant
7 - tools-only Bundle Frontend Visualization Expert
Frontend Visualization Expert
7 - tools-only Bundle 1006 Spec Compliance Review A5fcb93e
Spec Compliance Review
7 - tools-only Bundle 1139 Vulnerability Patterns Cfa6dc7e
Vulnerability Patterns
7 - tools-only Bundle 291 Devkitgenerate Document Ce0f786f
Generate professional documents (assessments, features, analysis, process, custom) with language support and specialized sub-agents
7 - tools-only Bundle 914 Responsive Calculations F15fcf79
Responsive Design Calculations
7 - tools-only Bundle 1147 Whitepaper W Benchmarks 810ba971
Whitepaper: The Case for Prompt-Driven Development
7 - tools-only Bundle 160 Code Generation Printing B6f5e8b8
SymPy Code Generation and Printing
7 - tools-only Bundle 777 Readme Flat Claude Md Az Fe071c24
<!-- GENERATED FILE: do not edit directly -->
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 083-aws-sdk-java-bedrock-api_5715c6f1, 621-nextjs-server-components_afce90a0, 2732-app-router-fundamentals_5db2d98d. 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.