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.
Web & Frontend
1,641 skills
affaan-m Benchmark
Measure performance baselines, detect regressions before and after PRs, and compare stack alternatives using browser, API, and build benchmarks.
226k
affaan-m Motion UI
Provides a production-ready UI motion system for React/Next.js with performance, accessibility, and usability guidelines.
226k
affaan-m Repo Scan
Scans source code repositories across C++, Android, iOS, and Web to classify files, detect embedded third-party libraries, and produce actionable four-level verdicts per module with interactive HTML reports.
226k
affaan-m UI To Vue
Batch-convert UI design screenshots into Vue 3 Composition API components using Vant, Element Plus, or Ant Design Vue.
226k
affaan-m Vue Patterns
Provides Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router navigation, and Nuxt SSR patterns for Vue, Nuxt, Vite, or Pinia projects.
226k
affaan-m Accessibility
Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards, with guidance for Web, iOS, and Android platforms.
226k
affaan-m Frontend A11Y
Provides practical accessibility patterns for React and Next.js, covering form labeling, semantic HTML, ARIA attributes, keyboard navigation, focus management, and screen reader support.
226k
affaan-m React Testing
Write behavior-focused React component tests with React Testing Library, Vitest/Jest, MSW for network mocking, and accessibility assertions using axe, while deciding when to use component tests versus Playwright/Cypress end-to-end tests.
226k
affaan-m Nuxt4 Patterns
Provides patterns for hydration safety, performance, route rules, lazy loading, and SSR-safe data fetching in Nuxt 4 apps.
226k
affaan-m React Patterns
Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.
226k
affaan-m Frontend Slides
Create zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint files, with viewport-fit enforcement and visual style exploration.
226k · bundle
affaan-m Motion Advanced
Build complex, interactive animations in React/Next.js including drag-and-drop, gestures, text animations, SVG path drawing, custom hooks, and imperative sequences.
226k
affaan-m Motion Patterns
Provides copy-paste animation patterns for React and Next.js, including buttons, modals, toasts, stagger lists, page transitions, scroll reveals, and layout animations, all built on motion-foundations tokens.
226k
affaan-m Backend Patterns
Provides backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.
226k
affaan-m Coding Standards
Establishes baseline coding conventions for naming, readability, immutability, and code-quality review across projects.
226k
affaan-m Nextjs Turbopack
Optimizes Next.js 16+ development with Turbopack for faster bundling, caching, and dev startup, and clarifies when to use Turbopack vs webpack.
226k
affaan-m Angular Developer
Generates Angular code and provides architectural guidance for projects, components, services, and more, covering reactivity, forms, dependency injection, routing, accessibility, animations, styling, testing, and CLI tooling.
226k · bundle
affaan-m Frontend Patterns
Provides reusable React and Next.js patterns for component composition, state management, data fetching, and performance optimization.
226k
affaan-m React Performance
Organizes 70+ React and Next.js performance optimization rules across 8 priority categories for use when writing, reviewing, or refactoring code.
226k
affaan-m Motion Foundations
Provides a foundational motion system for React/Next.js apps using motion/react, including tokens, spring presets, accessibility enforcement, SSR safety, and performance rules.
226k
affaan-m Documentation Lookup
Fetches up-to-date documentation for libraries, frameworks, and APIs via the Context7 MCP server instead of relying on training data.
226k
coreyhaines31 Schema
Implement schema.org structured data markup to help search engines understand content and enable rich results in search.
36.3k · bundle
coreyhaines31 Programmatic SEO
Generate SEO-optimized pages at scale using templates and data to capture long-tail search traffic.
36.3k · bundle
antigravity SEO
Run a comprehensive SEO audit across technical SEO, on-page SEO, schema, sitemaps, content quality, AI search readiness, and GEO. Orchestrates 12 specialized sub-skills and 7 subagents for full-site analysis.
42.4k · bundle
antigravity Hono
Build ultra-fast web APIs and full-stack apps with Hono, a lightweight framework that runs on Cloudflare Workers, Deno, Bun, Node.js, and any WinterCG-compatible runtime.
42.4k
antigravity Astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
42.4k
antigravity Hasdata
Extract public web data, search engine results, and structured data from platforms like Google, Amazon, and Zillow using HasData APIs.
42.4k · bundle
antigravity UI A11Y
Audits components and pages for WCAG 2.2 AA accessibility issues and applies practical fixes for touch targets, focus states, contrast, labels, and reduced motion.
42.4k
antigravity Defuddle
Extract clean markdown content from web pages using Defuddle CLI, removing clutter and navigation to save tokens.
42.4k
antigravity Fp React
Apply functional programming patterns with fp-ts in React, covering state management, form validation, and data fetching for React 18/19 and Next.js 14/15.
42.4k
antigravity Design It
Routes frontend design tasks to 48 specific UI styles, providing color palettes and implementation guidance for websites, app screens, or UI components.
42.4k
antigravity Gpt Taste
Generate award-level landing pages with cinematic GSAP motion, gapless bento grids, and strict AIDA structure.
42.4k
antigravity Langgraph
Build production-grade stateful AI agents using LangGraph, covering graph construction, state management, persistence, and human-in-the-loop patterns.
42.4k
antigravity Sveltekit
Build full-stack web applications with SvelteKit — file-based routing, SSR, SSG, API routes, and form actions in one framework.
42.4k
antigravity UI Review
Audits UI code for compliance with the StyleSeed design system, covering design tokens, component conventions, accessibility, mobile UX, and typography.
42.4k
antigravity Wordpress
Build production-ready WordPress sites with theme and plugin development, WooCommerce integration, performance optimization, and security hardening, including WordPress 7.0 features.
42.4k
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 frontend-slides, schema, angular-developer. Rankings shift as installs change; sort this page by "Most downloaded" 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 add <owner>/<name>, or copy the file into your agent's skills directory.