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.
-
michsindlinger Bundle ReactReact frontend development patterns for [PROJECT_NAME]
- michsindlinger Bundle Component Architecture
Component Architecture Patterns
- michsindlinger Skill State Management
State Management
- michsindlinger Skill API Bridge Building
API Bridge Building
- michsindlinger Skill Interaction Designing
Interaction Designing
- michsindlinger Skill UI Component Architecture
UI Component Architecture
-
aretedriver Bundle A11YAccessibility Checklist
-
ndhananj Skill Frontend Patterns 4Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
-
hk-vk Bundle M3 SvelteM3 Svelte documentation and resources. Use this skill when working with M3 Svelte or when the user mentions m3 svelte.
- hk-vk Bundle Pinia Colada
Smart data fetching for Vue.js
- hk-vk Bundle Sveltefromllmstxt
Imperative component API
- hk-vk Bundle React Flow Documentation
React Flow Documentation
-
cuioss Bundle Cui JsdocJSDoc documentation standards for JavaScript functions, classes, modules, and web components
- cuioss Bundle Cui Javascript
Core JavaScript development standards covering ES modules, modern patterns, code quality, async programming, and tooling
- cuioss Bundle Plan Marshall Plugin 2
JavaScript domain extension with npm build operations and workflow integration
- cuioss Bundle Cui Javascript Linting
ESLint, Prettier, and StyleLint configuration standards for JavaScript code quality and formatting, including flat config setup, rule management, and build integration
- cuioss Bundle Cui Javascript Project
JavaScript project structure, package.json configuration, dependency management, and Maven integration standards for consistent project setup and builds
- cuioss Bundle Cui Javascript Maintenance
Standards for identifying, prioritizing, and verifying JavaScript code maintenance and refactoring work
- cuioss Bundle Cui Javascript Unit Testing
Jest unit testing standards covering configuration, test structure, testing patterns, and coverage requirements
-
sawrus Skill A11Y AuditSkill: Accessibility Audit & Remediation
- sawrus Skill Error Handling
Skill: Frontend Error Handling
- sawrus Skill API Integration
Skill: API Integration Patterns
- sawrus Skill Testing Patterns
Skill: Frontend Testing Patterns
- sawrus Skill Navigation Patterns
Skill: Navigation Patterns (React Navigation)
- sawrus Skill Performance Tuning
Skill: Frontend Performance Tuning
-
aquariuscook Bundle Qe Visual AccessibilityVisual regression testing, responsive design validation, and WCAG accessibility compliance testing.
- aquariuscook Bundle Security Visual Testing
Security-first visual testing combining URL validation, PII detection, and visual regression with parallel viewport support. Use when testing web applications that handle sensitive data, need visual regression coverage, or require WCAG accessibility compliance.
-
steadfastasart Bundle Pyvista3D visualization and mesh analysis for geoscience data using PyVista/VTK. Use when Claude needs to: (1) Create 3D visualizations of geological models, (2) Render seismic volumes or voxel data, (3) Visualize point clouds or well paths, (4) Plot surfaces and meshes in 3D, (5) Read/write VTK, STL, OBJ files, (6) Create cross-sections through 3D models, (7) Export publication-quality figures or interactive HTML.
-
abdullah1854-claudesuperskills Bundle Frontend Designfrontend-design
-
agentient Skill Typescript Component TestingTypeScript Component Testing Skill
- agentient Skill Rhf Dynamic Field Arrays
React Hook Form Dynamic Field Arrays
- agentient Skill Zustand Rhf State Synchronization
Zustand + React Hook Form State Synchronization
-
darthlinuxer Bundle Mobile DesignMobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles, not fixed values. Use when building React Native, Flutter, or native mobile apps.
-
frankxai-agentic-creator-os Skill Nextjs Expert 2Next.js Expert Skill
- frankxai-agentic-creator-os Skill Nextjs Agent Team 2
Next.js Agent Team System
- frankxai-agentic-creator-os Skill Nextjs Upgrade Assistant 2
Next.js Upgrade Assistant
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 react, component-architecture, state-management. 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.