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.
-
community-access Skill Developer HubYour intelligent developer command center -- start here for any Python, wxPython, desktop app, NVDA addon, accessibility tool building, desktop accessibility, or general software engineering task. Routes to specialist agents across the developer, web, and document accessibility teams. Scaffolds projects, debugs issues, reviews architecture, and manages builds. No commands to memorize. Just talk.
-
community-access Skill Issue TrackerYour GitHub issue command center -- find, triage, review, and respond to issues with full markdown + HTML reports saved to your workspace. Includes reactions, release context, and discussion awareness.
-
community-access Skill Testing CoachAccessibility testing coach for web applications. Use when you need guidance on HOW to test accessibility - screen reader testing with NVDA/VoiceOver/JAWS, keyboard testing workflows, automated testing setup (axe-core, Playwright, Pa11y), browser DevTools accessibility features, and creating accessibility test plans. Does not write product code - teaches and guides testing practices.
-
community-access Skill Wcag3 PreviewEducational agent for WCAG 3.0 (W3C Accessibility Guidelines). Explains methodology changes, outcome-based conformance, the APCA contrast algorithm, functional needs categories, and new cognitive/task-based criteria. Helps teams plan for the transition from WCAG 2.2 to 3.0. WCAG 3.0 is in early draft — this agent clearly communicates its draft status.
-
lonsdale201 Skill Classic Woocommerce Single ProductBuild or audit WooCommerce single product templates in a classic PHP theme. Covers `single-product.php`, `content-single-product.php`, `woocommerce_before_single_product`, product gallery hooks, `woocommerce_single_product_summary`, add-to-cart templates for simple/variable/grouped/external products, variation form accessibility, tabs, upsells, related products, structured data hook preservation, `WC_Product` CRUD methods, image gallery support, reviews/comments, and avoiding fragile overrides of `product-image.php` and `variable.php`.
-
lonsdale201 Skill Classic Theme Accessibility SemanticsBuild or audit accessibility and semantic HTML in classic PHP WordPress themes on WP 7.1. Covers `language_attributes()`, `wp_head()`, `body_class()`, `wp_body_open()`, landmarks, skip links, focus management, `screen-reader-text`, heading order, nav/button semantics, `aria-controls` and `aria-expanded`, forms and labels, image alt handling, icon accessibility, reduced motion CSS, search forms, and common mistakes such as hover-only menus, hidden focus outlines, fake buttons, missing main landmarks, or unlabeled controls.
-
community-access Skill Daily BriefingYour daily GitHub command center -- generates a comprehensive briefing (markdown + HTML) of everything needing your attention: issues, PRs, reviews, releases, discussions, reactions, and accessibility updates.
-
community-access Skill Markdown FixerInternal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for applying accessibility fixes to markdown files. Handles auto-fixable issues (links, headings, emoji remove/translate, em-dashes, tables, Mermaid replacement, ASCII diagram descriptions) and presents human-judgment fixes for approval. Invoked by markdown-a11y-assistant via the Task tool - not user-invokable directly.
-
community-access Skill PDF RemediatorPDF accessibility remediator. Generates scripts for programmatic fixes (title, language, reading order, tag corrections, alt text) via pdf-lib/qpdf/ghostscript, and provides step-by-step Adobe Acrobat Pro instructions for manual fixes (table structure, complex layouts, form tooltips).
-
community-access Skill Scanner BridgeInternal helper agent. Invoked by orchestrator agents via Task tool. Internal helper that bridges GitHub Accessibility Scanner CI data with the agent ecosystem. Fetches scanner-created issues, normalizes findings, deduplicates against local scans, and tracks Copilot fix status.
-
community-access Skill Aria SpecialistARIA implementation specialist for web applications. Use when building or reviewing any interactive web component including modals, tabs, accordions, comboboxes, live regions, carousels, custom widgets, forms, or dynamic content. Also use when reviewing ARIA usage for correctness. Applies to any web framework or vanilla HTML/CSS/JS.
-
community-access Skill PDF Scan ConfigInternal helper agent. Invoked by orchestrator agents via Task tool. PDF accessibility scan configuration manager. Use to create, edit, validate, or explain .a11y-pdf-config.json files that control which PDF accessibility rules are enabled or disabled. Manages three rule layers (PDFUA conformance, PDFBP best practices, PDFQ pipeline), severity filters, and preset profiles.
-
community-access Skill Web Issue FixerInternal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for applying accessibility fixes to web source code. Handles auto-fixable issues (missing alt, lang, labels, tabindex) and presents human-judgment fixes for approval. Generates framework-specific code using the detected stack.
-
community-access Skill CI IntegrationCI/CD accessibility pipeline patterns with axe-core CLI, SARIF output, PR annotations, baseline management, and multi-platform CI templates.
-
community-access Skill CI AccessibilityCI/CD accessibility agent. Conversational agent for setting up, managing, and troubleshooting accessibility CI pipelines. Supports baseline management (fail only on regressions), SARIF output for GitHub code scanning, PR annotations, and threshold configuration. Works with GitHub Actions, Azure DevOps, GitLab CI, CircleCI, and Jenkins.
-
community-access Skill Epub Scan ConfigInternal helper agent. Invoked by orchestrator agents via Task tool. Manages .a11y-epub-config.json scan configuration for ePub accessibility audits. Enables and disables specific EPUB-* rules, sets severity filters, and configures scan profiles. Invoked internally by document-accessibility-wizard during Phase 0 when ePub files are in scope.
-
community-access Skill Forms SpecialistForm accessibility specialist for web applications. Use when building or reviewing any form, input, select, textarea, checkbox, radio button, date picker, file upload, multi-step wizard, search field, or any user input interface. Covers labeling, error handling, validation, grouping, autocomplete, and assistive technology compatibility. Applies to any web framework or vanilla HTML/CSS/JS.
-
community-access Skill Markdown ScannerInternal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for scanning a single markdown file for accessibility issues across all 9 domains. Returns structured findings with severity, line numbers, suggested fixes, and auto-fix classification. Invoked by markdown-a11y-assistant via the Task tool - not user-invokable directly.
-
community-access Skill Modal SpecialistModal and dialog specialist for web applications. Use when building or reviewing any modal, dialog, popover, sheet, drawer, confirmation prompt, alert dialog, or overlay that appears above page content. Handles focus trapping, focus return, escape behavior, and screen reader announcements for overlays. Applies to any web framework or vanilla HTML/CSS/JS.
-
community-access Skill Web CSV ReporterInternal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for exporting web accessibility audit findings to CSV format. Generates structured CSV reports with severity scoring, WCAG criteria mapping, Accessibility Insights help links, and actionable remediation guidance for each finding.
-
community-access Skill Accessibility Tool BuilderExpert in building accessibility scanning tools, rule engines, document parsers, report generators, and audit automation. WCAG criterion mapping, severity scoring, CLI/GUI scanner architecture, CI/CD integration.
-
community-access Skill Alt Text HeadingsAlternative text and heading structure specialist for web applications. Use when building or reviewing any page with images, icons, SVGs, videos, figures, charts, or heading hierarchies. Covers meaningful vs decorative images, complex image descriptions, heading levels, document outline, and landmark structure. Can analyze images visually, compare existing alt text against image content, and interactively suggest appropriate alternatives. Applies to any web framework or vanilla HTML/CSS/JS.
-
community-access Skill Lighthouse BridgeInternal helper agent. Invoked by orchestrator agents via Task tool. Internal helper that bridges Lighthouse CI accessibility audit data with the agent ecosystem. Parses Lighthouse reports, normalizes accessibility findings, tracks score regressions, and deduplicates against local scans.
-
community-access Skill Office RemediatorOffice document accessibility remediator for Word (.docx), Excel (.xlsx), and PowerPoint (.pptx). Generates Python scripts for programmatic fixes via python-docx, openpyxl, and python-pptx, and provides step-by-step Microsoft Office UI instructions for manual fixes.
-
community-access Skill PDF AccessibilityPDF document accessibility specialist. Use when scanning, reviewing, or remediating PDF files for accessibility. Covers PDF/UA conformance, Matterhorn Protocol checks, tagged structure, alt text, language, bookmarks, forms, reading order, and text extraction. Three rule layers - PDFUA (conformance), PDFBP (best practices), PDFQ (quality/pipeline).
-
community-access Skill Screen Reader LabInteractive screen reader simulation for education and debugging. Parses HTML/JSX and produces step-by-step narration of what a screen reader would announce. Supports reading order, Tab navigation, heading navigation (H key), and form navigation (F key) modes. Not a replacement for real screen reader testing.
-
community-access Skill Testing StrategyAccessibility testing decision trees, browser/AT compatibility matrices, manual vs. automated test coverage, regression testing patterns, and acceptance criteria templates for user stories.
-
community-access Skill Accessibility LeadAccessibility team lead and orchestrator. Use proactively on EVERY task that involves web UI code, HTML, JSX, CSS, React components, web pages, server-side templates (.leaf, .ejs, .erb, .hbs), or any user-facing web content. This agent coordinates the accessibility specialist team and ensures no accessibility requirement is missed. Runs the final review before any UI code is considered complete. Applies to any web framework, server-side templating framework (Vapor/Leaf, Rails/ERB, Django/Jinja, Express/EJS), or vanilla HTML/CSS/JS. Works alongside other team leads (e.g., swift-lead) in multi-language projects.
-
community-access Skill Compliance MappingMaps accessibility audit results to legal/regulatory frameworks — Section 508, EN 301 549, EAA, ADA, AODA. Generates VPAT 2.5 conformance tables and identifies non-WCAG requirements.
-
community-access Skill Epub AccessibilityePub document accessibility specialist. Use when scanning, reviewing, or remediating .epub files for accessibility. Covers EPUB Accessibility 1.1 (WCAG 2.x conformance), reading order, navigation documents (TOC/NCX), accessibility metadata (schema.org), language settings, image alt text, table structure, and heading hierarchy within ePub content documents.
-
community-access Skill I18N AccessibilityInternationalization and RTL accessibility specialist. Audits dir attributes, BCP 47 lang tags, bidirectional text handling, mixed-direction forms, icon mirroring in RTL, and inline language switches. Ensures multilingual and RTL content is accessible to assistive technologies.
-
community-access Skill Keyboard NavigatorKeyboard navigation and focus management specialist. Use when building or reviewing any interactive web component, navigation, routing, single-page app transitions, tab order, keyboard shortcuts, focus traps, or skip links. Ensures full keyboard operability for users who cannot use a mouse. Applies to any web framework or vanilla HTML/CSS/JS.
-
community-access Skill Office Scan ConfigInternal helper agent. Invoked by orchestrator agents via Task tool. Office document accessibility scan configuration manager. Use to create, edit, validate, or explain .a11y-office-config.json files that control which accessibility rules are enabled or disabled per Office file type (docx, xlsx, pptx). Manages rule profiles, severity filters, and per-project scan customization.
-
jarle Skill Bun Dom TestingLearn how to test DOM elements and components using Bun with happy-dom and React Testing Library
-
jarle Skill Bun CSSBun's bundler has built-in support for CSS with modern features
-
community-access Skill Playwright ScannerInternal helper agent. Invoked by orchestrator agents via Task tool. Behavioral accessibility testing using Playwright — runs keyboard navigation scans, dynamic state scans, viewport responsive scans, contrast verification, and accessibility tree snapshots against live pages. Read-only — never modifies files.
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 Developer Hub, issue-tracker, testing-coach. 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.