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
google-labs-code Stitch React Components
Converts Stitch designs into modular Vite and React components, or syncs existing components to match updated designs.
6.4k · bundle
google-labs-code Stitch Upload To Stitch
Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project, bypassing MCP tool base64 token limits.
6.4k · bundle
google-labs-code Stitch Extract Static HTML
Extract self-contained static HTML from a built web application or React components by inlining CSS and images.
6.4k · bundle
adobe Audit
Audits a website from three perspectives—design, SEO/technical, and LLM/AI-search visibility—and produces a scored, evidence-bound report with prioritized improvements.
142 · bundle
adobe Deploy
Convert per-page styled HTML prototypes into Edge Delivery Services blocks and content pages, then deploy via DA.
142 · bundle
adobe Uplift
Redesign a website page for presales by extracting its brand surface, identifying tensions, and generating three differentiated variants with motion validation.
142 · bundle
adobe Extract
Crawl a live website, extract its design system, brand surface, and page inventory, and save the snapshot under stardust/current/ for downstream redesign or migration.
142 · bundle
adobe Migrate
Apply design, canon, and modules to every page in the inventory to produce a deployable static HTML site. Per-page, incremental, and idempotent.
142 · bundle
adobe Rollout
Deploy an entire redesigned site to AEM Edge Delivery Services by inventorying migrated pages, deduplicating blocks, and driving per-page deployment with tracking and verification.
142 · bundle
adobe Stardust
Guided multi-page redesign of an existing website through a four-phase pipeline — extract, direct, prototype, and migrate. Tracks progress incrementally per page so redesigns are resumable.
142 · bundle
adobe Aem Rde
Deploy, inspect, log-tail, snapshot, and troubleshoot AEM Rapid Development Environments using the Adobe I/O CLI plugin.
142 · bundle
adobe Appbuilder Testing
Generate and run Jest tests for Adobe App Builder actions and React Spectrum UI components, including unit, integration, contract, and component tests with mock helpers for Adobe SDKs.
142 · bundle
adobe Cja Dimension Analysis
Analyze CJA dimensions for cardinality, distribution, trends, anomalies, data quality, comparisons, and forecasting, producing an interactive HTML dashboard or markdown report.
142 · bundle
adobe Da Auth
Obtains a valid Adobe IMS access token for the Document Authoring API and stores it as DA_TOKEN for use in subsequent admin.da.live API calls.
142 · bundle
adobe Appbuilder E2e Testing
Generates Playwright-based browser end-to-end tests for Adobe App Builder SPAs and AEM extensions, including configs, test files, and CI workflows.
142 · bundle
adobe Appbuilder UI Scaffolder
Generate React Spectrum UI components for Adobe Experience Cloud Shell SPAs and AEM UI Extensions, including pages, forms, data tables, dialogs, and navigation.
142 · bundle
adobe Da Content
Reference for producing Adobe Document Authoring (DA) and Edge Delivery Services (EDS) compatible content, covering HTML generation, media uploads, admin API usage, and silent-failure rules.
142 · bundle
adobe Code Review
Review code for AEM Edge Delivery Services projects, validating code quality, performance, accessibility, and adherence to EDS best practices during self-review or pull request review.
142 · bundle
adobe Performance Tuning
Improve cache efficiency, latency, and throughput for AMS deployments using the Adobe Dispatcher Apache HTTP Server module and related HTTPD configuration.
142 · bundle
adobe Testing Blocks
Guide for testing code changes in AEM Edge Delivery projects including blocks, scripts, and styles. Use this skill after making code changes and before opening a pull request to validate functionality. Covers unit testing, browser testing with Playwright, and linting.
142 · bundle
adobe Ue Component Model
Create or edit Universal Editor component configuration files (component-definition.json, component-models.json, component-filters.json) for AEM Edge Delivery Services blocks.
142 · bundle
adobe Image SEO
Audit images across AEM Edge Delivery Services pages for SEO and performance, checking alt text quality, dimensions, lazy loading, fetch priority, file naming, and decorative image handling, and generate per-page reports with fix instructions.
142 · bundle
adobe Identify Page Structure
Analyze scraped webpage content to identify section boundaries and content sequences for AEM Edge Delivery Services import.
142 · bundle
adobe Content Diff
Compare two versions of an AEM Edge Delivery Services page to identify content, metadata, and block changes. Fetches preview vs live or two explicit URLs and produces a detailed diff report.
142 · bundle
adobe Content Audit
Audit AEM Edge Delivery Services pages for content quality, SEO, accessibility, performance, and EDS best practices, producing a prioritized fix list with remediation steps.
142 · bundle
adobe Sitemap Audit
Validate an AEM Edge Delivery Services sitemap.xml against actual site content, checking URL reachability, lastmod dates, and identifying missing or orphaned pages.
142 · bundle
adobe Block Collection And Party
Search reference implementations and code examples from Adobe's Block Collection and community Block Party for AEM Edge Delivery blocks, plugins, and build tools.
142 · bundle
adobe Structured Data
Generate JSON-LD structured data for AEM Edge Delivery Services pages by analyzing page content and metadata to determine schema.org types, extract properties, and produce validated snippets for head.html or scripts.js.
142 · bundle
adobe Configure Replication Agent
Configure AEM 6.5 LTS replication agents for content publishing, dispatcher cache flushing, and reverse replication.
142
adobe Internal Linking
Analyze and improve the internal link structure of an AEM Edge Delivery Services site by building a link graph from the query index and page content, identifying orphan pages, hub pages, and content silos, and generating specific linking recommendations with suggested anchor text and placement.
142 · bundle
adobe Link Rot Scanner
Crawl and validate all internal and external links across an AEM Edge Delivery Services site, producing a prioritized report of broken, redirecting, and insecure links.
142 · bundle
adobe Product Page SEO
Audit AEM Edge Delivery Services commerce product pages for search engine crawlability and indexing, then remediate issues with meta tags, structured data, canonical URLs, and image optimization.
142 · bundle
adobe Sling Distribution
Monitor and react to content distribution lifecycle events using the Sling Distribution API, covering event handling, queue monitoring, and distribution tracking.
142
angular Angular New App
Creates a new Angular application using the Angular CLI, following modern best practices and generating components, services, and other artifacts.
546
angular Angular Developer
Generates Angular code and provides architectural guidance for projects, components, services, reactivity, forms, dependency injection, routing, SSR, accessibility, animations, styling, testing, and CLI tooling.
546 · bundle
getsentry Triage Frontend Issues
Archive non-actionable noise from the Sentry javascript project issue queue, using untilEscalating mode with documented categories.
845 · bundle
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 uplift, product-page-seo, stitch::extract-static-html. 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.