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.
-
intense-visions Bundle A11Y Keyboard Navigation 2Keyboard Navigation
18 - intense-visions Bundle Astro Image Optimization 2
Astro Image Optimization
18 - intense-visions Bundle CSS Performance Patterns 2
CSS Performance Patterns
18 - intense-visions Bundle Design Component Anatomy 2
Component Anatomy
18 - intense-visions Bundle Xstate React Integration 2
XState React Integration
18 - intense-visions Bundle Angular Component Pattern 2
Angular Component Pattern
18 - intense-visions Bundle Astro Content Collections 2
Astro Content Collections
18 - intense-visions Bundle Astro Integration Pattern 2
Astro Integration Pattern
18 - intense-visions Bundle React Memoization Pattern 2
React Memoization Pattern
18 - intense-visions Bundle Vue Renderless Components 2
Vue Renderless Components
18 - intense-visions Bundle A11Y Screen Reader Testing 2
Screen Reader Testing
18 - intense-visions Bundle Astro Islands Architecture 2
Astro Islands Architecture
18 - intense-visions Bundle Design Color Accessibility 2
Color Accessibility
18 - intense-visions Bundle React Render Props Pattern 2
React Render Props Pattern
18 - intense-visions Bundle React Context Pattern 2
React Context Pattern
18 - intense-visions Bundle React Islands Pattern 2
React Islands Pattern
18 - intense-visions Bundle State Context Pattern 2
React Context Pattern
18 - intense-visions Bundle Svelte Adapter Config 2
Svelte Adapter Config
18 - intense-visions Bundle Svelte Load Functions 2
Svelte Load Functions
18 - intense-visions Bundle Svelte Stores Pattern 2
Svelte Stores Pattern
18 - intense-visions Bundle Test Component Svelte 2
Test Component Svelte
18 - intense-visions Bundle Vue Directive Pattern 2
Vue Directive Pattern
18 - intense-visions Bundle Astro Server Endpoints 2
Astro Server Endpoints
18 - intense-visions Bundle Astro View Transitions 2
Astro View Transitions
18 - intense-visions Bundle CSS Component Variants 2
Component Variants with CVA
18 - intense-visions Bundle Next Server Components 2
Next.js Server Components
18 - intense-visions Bundle Next Static Generation 2
Next.js Static Generation
18 - intense-visions Bundle React Client Rendering 2
React Client Rendering
18 - intense-visions Bundle React Compound Pattern 2
React Compound Pattern
18 - intense-visions Bundle React Provider Pattern 2
React Provider Pattern
18 - intense-visions Bundle React Server Rendering 2
React Server Rendering
18 - intense-visions Bundle React Suspense Pattern 2
React Suspense Pattern
18 - intense-visions Bundle Svelte Routing Pattern 2
Svelte Routing Pattern
18 - intense-visions Bundle Zod Nextjs Integration 2
Zod Next.js Integration
18 - intense-visions Bundle A11Y Testing Automation 2
Accessibility Testing Automation
18 - intense-visions Bundle Astro Component Pattern 2
Astro Component Pattern
18
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 a11y-keyboard-navigation, astro-image-optimization, css-performance-patterns. 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.