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 2749 Caching Strategies 3decca32Caching Strategies in Next.js
7 - tools-only Bundle 014 Add Skill D31c0705
Add a skill to the project with validation and README generation
7 - tools-only Bundle 119 Callbacks Aa2140e7
Callbacks - Comprehensive Guide
7 - tools-only Bundle 232 Create Pr 69575000
Create Pull Request Command
7 - tools-only Bundle 311 Distances 1b9a0371
Distance Metrics
7 - tools-only Bundle 377 Files Erd 8f5a9412
Salesforce Files Data Model Template
7 - tools-only Bundle 551 Materials 940fda0f
Three.js Materials
7 - tools-only Bundle 563 MCP Opera 6558028c
MCP（模型上下文协议）全面指南与操作手册
7 - tools-only Bundle 613 Mvp Scope 6e34a36b
ADR 001: MVP Scope
7 - tools-only Bundle 1397 HTML Tailwind Fc616dc8
| No | Category | Guideline | Description | Do | Don't | Code Good | Code Bad | Severity | Docs URL |
7 - tools-only Bundle 2739 Nextjs Config D4dbc259
Next.js in Turborepo
7 - tools-only Bundle 1279 Component Patterns 4da3968c
<!-- Parent: sf-lwc/SKILL.md -->
7 - tools-only Bundle 2106 Frontend Developer 0bda393a
Frontend UI Developer Persona
7 - tools-only Bundle 2620 Frontend Development 5390a4e5
Frontend Development
7 - tools-only Bundle 2434 Component Catalog 0215b4d9
shadcn/ui Component Catalog
7 - tools-only Bundle 189 Concurrency Cb772cec
Concurrency and Parallel Programming
7 - tools-only Bundle 217 Coordinates 1fa1b5a1
Astronomical Coordinates (astropy.coordinates)
7 - tools-only Bundle 682 Performance 49cc1262
Performance Optimization
7 - tools-only Bundle 822 Readmezh Cn 6e1f9a09
[](https://mseep.ai/app/yusufkaraaslan-skill-seekers)
7 - tools-only Bundle 1069 Theme CSS Guide E0c14377
Marp Theme CSS Creation Guide
7 - tools-only Bundle 1548 Bubbles Components E033fe28
Bubbles Component Reference
7 - tools-only Bundle Bug Report 4
Which skill is affected?
7 - tools-only Bundle 1156 Workflows 1a1f99bf
COBRApy Comprehensive Workflows
7 - tools-only Bundle 1156 Workflows 23851bc5
Plugin Development Workflows
7 - tools-only Bundle 1156 Workflows 308bcee3
Technology Evaluation Workflows
7 - tools-only Bundle 604 Monitoring 11523091
SimPy Monitoring and Data Collection
7 - tools-only Bundle 760 Quickstart 572d1f64
Quick Start Guide
7 - tools-only Bundle 1935 Component Generator 1e9d2e5d
Generate React components from descriptions with TypeScript and tests
7 - tools-only Bundle 2687 Base 5 React Svelte 030373b4
Research Results: React vs Svelte 2026
7 - tools-only Bundle 2687 Base 5 React Svelte Cacd32f8
What I learned:
7 - tools-only Bundle 2694 Eval 5 React Svelte 45eb626a
Evaluation: React vs Svelte 2026
7 - tools-only Bundle 1279 Component Patterns 81c1b135
Component Interaction Patterns
7 - tools-only Bundle 2519 Frontend Interface 4bd6d7cc
Frontend Interface (Next.js + Weaviate Backend)
7 - tools-only Bundle 1589 Nextjs Specific 543d65b3
Next.js Specific Security Vulnerabilities
7 - tools-only Bundle 2736 Core Web Vitals C726a13b
Core Web Vitals - Next.js Optimization
7 - tools-only Bundle 844 Publisher Medium F350e821
Convert blog posts to Medium-ready HTML format with image upload markers
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 2749-caching-strategies_3decca32, 014-add-skill_d31c0705, 119-callbacks_aa2140e7. 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.