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 1103 Typescript Jsdoc A100430bTypeScript JSDoc
7 - tools-only Bundle 283 Developer Handoff 14087541
Developer Handoff Guide
7 - tools-only Bundle 393 Frontend Patterns Fc4b8676
Frontend Patterns
7 - tools-only Bundle 536 Logical Fallacies 7911abe8
Logical Fallacies in Scientific Discourse
7 - tools-only Bundle 671 Pattern Detection 3784af51
Design Pattern Detection Guide
7 - tools-only Bundle 733 Protocol Oriented F8be1afd
Protocol-Oriented Programming
7 - tools-only Bundle 959 Server Components 971117f2
Server Components and Server Actions
7 - tools-only Bundle 2914 Typescript Patterns E634422e
TypeScript Patterns for React
7 - tools-only Bundle 038 Analysis Modules 5029f48a
Pymatgen Analysis Modules Reference
7 - tools-only Bundle 1072 Theme Selection Ca4a6704
Marp Theme Selection Guide
7 - tools-only Bundle 169 Coding Standards 702010dd
Coding Standards
7 - tools-only Bundle 518 Layers Reference F8a26298
PyTorch Geometric Neural Network Layers Reference
7 - tools-only Bundle 949 Security Headers 59333cf6
Security Headers
7 - tools-only Bundle 007 Accessibility Guide 454ad326
<!-- Parent: sf-lwc/SKILL.md -->
7 - tools-only Bundle 242 Devkittypescriptcode Review 80c70356
TypeScript Monorepo Code Review - Nx / NestJS / React / React Native
7 - tools-only Bundle 242 Devkittypescriptcode Review F20b67d7
Provides comprehensive TypeScript monorepo code review for Nx workspaces including NestJS backend, React web, and React Native mobile apps. Use when reviewing architecture, boundaries, security, performance, CI/CD and Nx-specific practices.
7 - tools-only Bundle 2613 Clang Format Style Options 57ebf225
[Clang 22.0.0git documentation](https://clang.llvm.org/docs/index.html)
7 - tools-only Bundle 1132 Visual Regression 22cdd889
Visual Regression Testing
7 - tools-only Bundle 347 Evaluation Metrics A6d93ca9
Evaluation Metrics for Fine-Tuned Models
7 - tools-only Bundle 362 Faq Quality Report 3dd082ec
FAQ Quality Report
7 - tools-only Bundle 395 Function Reference A0e312a6
Seaborn Function Reference
7 - tools-only Bundle 416 Generic Components 6d2f3bc5
Generic Component Patterns
7 - tools-only Bundle 487 Interview Protocol 6c906a7d
Interview Protocol
7 - tools-only Bundle 552 Materials Advanced 58ed014c
Three.js - Advanced Materials
7 - tools-only Bundle 570 Meeting Structures 6946adf5
Meeting Structures for Developers
7 - tools-only Bundle 577 Microsim Add Icons A110cd10
MicroSim Add Icons
7 - tools-only Bundle 197 Context Compression 17a27c30
Context Compression
7 - tools-only Bundle 289 Devkitfix Debugging E5ef935b
Fix & Debugging
7 - tools-only Bundle 602 Mongodb Aggregation B7cca207
MongoDB Aggregation Pipeline
7 - tools-only Bundle 693 Platform Engineering 1256d7f0
Platform Engineering
7 - tools-only Bundle 1748 Nextjs Bundle Analyzer E2ad210c
Next.js Bundle Analyzer
7 - tools-only Bundle 2916 Sass And CSS Variables Db885c80
Bootstrap Sass and CSS Variables
7 - tools-only Bundle 580 Migration Class To Modern Dc3c5777
Class to Modern React Migration Guide
7 - tools-only Bundle 1054 Tailwind Customization 4c5adeed
Tailwind CSS Customization
7 - tools-only Bundle 1428 Devkitreactcode Review 33ed0fe5
Provides comprehensive React 19 + Tailwind CSS code review focusing on modern patterns, hooks, Server Components, Actions, performance, accessibility, and Tailwind best practices. Use when reviewing React code changes or before merging pull requests.
7 - tools-only Bundle 1428 Devkitreactcode Review Cce37e73
React 19 + Tailwind CSS Code Review
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 1103-typescript-jsdoc_a100430b, 283-developer-handoff_14087541, 393-frontend-patterns_fc4b8676. 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.