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 102 Best Practices 651662ceMarp Slide Creation Best Practices
7 - tools-only Bundle 1062 Tdd Iron Laws 1f719ea7
TDD Iron Laws
7 - tools-only Bundle 247 Custom Objects 4196ea67
ERD Template: Custom Objects
7 - tools-only Bundle 342 Error Handling 41b94066
Error Handling Patterns
7 - tools-only Bundle 348 Event Handlers A118e551
Event Handler TypeScript Patterns
7 - tools-only Bundle 567 Medical Coding 64510b53
PyHealth Medical Code Translation
7 - tools-only Bundle 975 Shadcn Theming D17d6414
shadcn/ui Theming & Customization
7 - tools-only Bundle 186 Component Patterns 1c9a889b
LWC Component Patterns
7 - tools-only Bundle 798 Nextjs Middleware Creator B176b7f9
Next.js Middleware Creator
7 - tools-only Bundle 2734 Nextjs16 Migration 807e73c6
Next.js 16 Migration Guide
7 - tools-only Bundle 2738 Nextjs 16 Patterns 1faa29b3
Next.js 16 + React 19 Patterns
7 - tools-only Bundle 2569 Tui Quick Reference F67a283f
TUI Component Quick Reference
7 - tools-only Bundle 1755 Svelte Component 24cc1228
Create Svelte Component
7 - tools-only Bundle 185 Component Library 76a0145b
MUI Component Library
7 - tools-only Bundle 007 Accessibility Guide 7e852b1a
Accessibility Guide for LWC
7 - tools-only Bundle 1056 Tailwind Utilities Aba1c40e
Tailwind CSS Utility Reference
7 - tools-only Bundle 1625 Accessibility Checklist 050093b4
iOS Accessibility Checklist
7 - tools-only Bundle 223 Frontend Engineer Prompt 138288b4
You are a senior Frontend Engineer with 7+ years of experience in modern web development, specializing in creating responsive, accessible, and high-performance user interfaces. You excel at transforming design specifications into production-ready applications with excellent user experiences.
7 - tools-only Bundle 021 Advanced Topics 212b3d0c
SymPy Advanced Topics
7 - tools-only Bundle 1110 Unity Patterns 0f8b0ffa
Unity Development Patterns
7 - tools-only Bundle 176 Common Patterns 94103005
Common Patterns
7 - tools-only Bundle 268 Debugging Flaky E559423d
Debugging & Flaky Tests
7 - tools-only Bundle 269 Debugging Tools 406df18f
Debugging Tools
7 - tools-only Bundle 392 Framework Guide 1a437067
Testing Framework Guide
7 - tools-only Bundle 998 Smarts Patterns 03760a7b
Common SMARTS Patterns for RDKit
7 - tools-only Bundle 2918 Strict CSS Modules 4880e0b8
Enable Strict CSS Modules Type Checking
7 - tools-only Bundle 2828 Review Frontend 5d4105fb
Comprehensive React/TypeScript frontend code review with optional parallel agents
7 - tools-only Bundle 1530 Description Skill 9425867e
Build Model Context Protocol (MCP) servers - comprehensive coverage of generic MCP protocol AND FastMCP 3.x framework specialization. Use when creating any MCP server (Python FastMCP preferred, TypeScript/Node also covered). Includes agent-centric design principles, provider/transform architecture, component versioning, session state, authorization, evaluation creation, Pydantic/Zod validation, async patterns, STDIO/HTTP/SSE transports, background tasks, OpenTelemetry tracing, .mcpb packaging, security patterns, and 2025-2026 community practices. Standalone skill with no external dependencies.
7 - tools-only Bundle 2146 Konflux Component 9a60b8b6
Manage Konflux component
7 - tools-only Bundle 1055 Tailwind Responsive 8d00ae62
Tailwind CSS Responsive Design
7 - tools-only Bundle 620 Nextjs Data Fetching 5175463a
Next.js Data Fetching
7 - tools-only Bundle 815 Interactive Questions C5e8874d
Interactive Questions Component
7 - tools-only Bundle 1239 Patterns Explicit Variants 8c19e596
Create Explicit Component Variants
7 - tools-only Bundle 023 Advanced Features 88ff34b9
Advanced Features in PennyLane
7 - tools-only Bundle 1083 Token Generation 4a96787e
Design Token Generation Guide
7 - tools-only Bundle 1095 Triangle Pattern Acc40d97
Flow-LWC-Apex Triangle: LWC Perspective
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 102-best-practices_651662ce, 1062-tdd-iron-laws_1f719ea7, 247-custom-objects_4196ea67. 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.