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 Word AccessibilityWord document accessibility specialist. Use when scanning, reviewing, or remediating .docx files for accessibility. Covers document title, heading structure, alt text, table headers, hyperlink text, merged cells, language settings, and reading order. Enforces Microsoft Accessibility Checker rules mapped to WCAG 2.1 AA.
-
community-access Skill Cross Page AnalyzerInternal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for cross-page accessibility pattern detection, severity scoring, and scorecard generation. Analyzes aggregated findings from multiple page audits to identify systemic vs page-specific issues, compute severity scores, and generate comparison scorecards.
-
community-access Skill Email AccessibilityAudits HTML email templates for accessibility under email client rendering constraints. Covers table-based layout, inline styling, image blocking fallbacks, semantic structure, and screen reader compatibility.
-
community-access Skill Excel AccessibilityExcel workbook accessibility specialist. Use when scanning, reviewing, or remediating .xlsx files for accessibility. Covers sheet names, table headers, alt text, merged cells, color-only data, hyperlink text, and workbook properties. Enforces Microsoft Accessibility Checker rules mapped to WCAG 2.1 AA.
-
community-access Skill Media AccessibilityVideo, audio, and streaming media accessibility specialist. Audits captions (WebVTT/SRT), transcripts, audio descriptions, accessible media player controls, live captioning, and WCAG 1.2.x time-based media criteria.
-
community-access Skill Wxpython SpecialistwxPython GUI expert -- sizer layouts, event handling, AUI framework, custom controls, threading (wx.CallAfter/wx.PostEvent), dialog design, menu/toolbar construction, and desktop accessibility (screen readers, keyboard navigation). Covers cross-platform gotchas for Windows and macOS.
-
community-access Skill Lighthouse ScannerIntegrate Lighthouse CI accessibility audits. Detects configuration, parses results, maps findings to severity model, and tracks score regressions.
-
community-access Skill Office RemediationRemediate Office documents (Word/Excel/PowerPoint) for accessibility. Generates Python scripts via python-docx, openpyxl, python-pptx API references.
-
community-access Skill Playwright TestingBrowser accessibility testing using Playwright and @axe-core/playwright. Keyboard scans, contrast verification, and accessibility tree snapshots.
-
community-access Skill Mobile AccessibilityMobile accessibility specialist for React Native, Expo, iOS (SwiftUI/UIKit), and Android (Jetpack Compose/Views). Audits accessibilityLabel, accessibilityRole, accessibilityHint, touch target sizes, screen reader compatibility, and platform-specific semantics. Use for any React Native or native mobile code review - approximately 60% of web traffic is mobile and most UI accessibility tooling ignores mobile-specific patterns.
-
community-access Skill Accessibility RulesCross-format accessibility rule reference with WCAG 2.2 mapping for Word, Excel, PowerPoint, and PDF documents.
-
community-access Skill Github A11Y ScannerIntegrate GitHub Accessibility Scanner. Detects configuration, parses scanner issues, correlates with local scans, and tracks Copilot-assigned fixes.
-
community-access Skill Document CSV ReporterInternal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for exporting document accessibility audit findings to CSV format. Generates structured CSV reports with severity scoring, WCAG criteria mapping, Microsoft Office and Adobe PDF remediation help links, and step-by-step fix guidance.
-
community-access Skill Insiders A11Y TrackerTrack accessibility improvements across VS Code and any configured repos -- get summaries, deep dives, workspace reports, WCAG cross-references, and proactive alerts on a11y changes.
-
community-access Skill Markdown CSV ReporterInternal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for exporting markdown accessibility audit findings to CSV format. Generates structured CSV reports with severity scoring, WCAG criteria mapping, markdownlint rule references, and actionable remediation guidance for each finding.
-
jarle Skill Bun ColorFormat colors as CSS, ANSI, numbers, hex strings, and more
-
crestapps Skill Orchardcore ResourcesSkill for managing CSS and JavaScript resources in Orchard Core. Covers resource manifest registration, named resources, CDN configuration, script and style tag helpers, resource dependencies, inline scripts, resource versioning, and module asset conventions. Use this skill when requests mention Orchard Core Resources, Managing CSS and JavaScript Resources, Resource Settings (Admin Configuration), Built-in Named Resources, Registering a Resource Manifest, Using Tag Helpers (Razor), or closely related Orchard Core implementation, setup, extension, or troubleshooting work. Strong matches include work with OrchardCore.Resources, OrchardCore.ResourceManagement, IConfigureOptions, IServiceCollection, IResourceManager, MyShapeTableProvider, IShapeTableProvider, ShapeTableBuilder. It also helps with Registering a Resource Manifest, Using Tag Helpers (Razor), Using Liquid Tags, plus the code patterns, admin flows, recipe steps, and referenced examples captured in this skill.
-
crestapps Skill Orchardcore SanitizerSkill for configuring HTML sanitization in Orchard Core. Covers the HtmlSanitizer service for XSS prevention, Razor sanitize helpers, configuring allowed tags and attributes, scheme allowlists, and custom sanitization configuration. Use this skill when requests mention Orchard Core Sanitizer, Configure HTML Sanitization, Parts and Fields Using the Sanitizer, Orchard Core Default Sanitizer Customizations, Sanitizing HTML in Razor Views, Configuring the Sanitizer in Program.cs, or closely related Orchard Core implementation, setup, extension, or troubleshooting work. Strong matches include work with HtmlBodyPart, HtmlField, HtmlMenuItemPart, MarkdownBodyPart, MarkdownField, @Orchard.SanitizeHtml(), ConfigureHtmlSanitizer, AllowedTags.Add('iframe'), AllowedSchemes.Add('ftp'). It also helps with Sanitizing HTML in Razor Views, Configuring the Sanitizer in Program.cs, Allowing Additional Tags, plus the code patterns, admin flows, recipe steps, and referenced examples captured in this skill.
-
community-access Skill Web Severity ScoringCompute web accessibility scores (0-100, A-F grades) with severity scoring, confidence levels, and remediation tracking across audits.
-
community-access Skill Developer ToolsDeveloper tools accessibility router for Python, wxPython, desktop accessibility APIs, NVDA add-ons, scanner tooling, CI tooling, and accessibility developer experience.
-
community-access Skill Live Region ControllerLive region and dynamic content announcement specialist. Use when building or reviewing any feature that updates content without a full page reload including search results, filters, notifications, toasts, loading states, AJAX responses, form submission feedback, counters, timers, chat messages, progress indicators, or any content that changes after initial page load. Applies to any web framework or vanilla HTML/CSS/JS.
-
community-access Skill Tables Data SpecialistData table accessibility specialist for web applications. Use when building or reviewing any data table, sortable table, grid, spreadsheet-like interface, comparison table, pricing table, or any tabular data display. Covers proper markup, scope, caption, headers, sortable columns, responsive patterns, and ARIA grid/treegrid roles. Applies to any web framework or vanilla HTML/CSS/JS.
-
community-access Skill Github WorkflowsGitHub workflow accessibility router for PR review, issues, Actions, releases, projects, security alerts, notifications, repository management, and accessible contributor workflows.
-
community-access Skill Accessibility StatementGenerates conformance/accessibility statements following W3C or EU model templates. Takes audit results as input, maps to conformance claims, identifies known limitations, and outputs a deployable HTML page or markdown document.
-
community-access Skill Cognitive AccessibilityCognitive accessibility specialist for reviewing content, forms, authentication, timeouts, and UI patterns for clarity, reduced cognitive load, and WCAG 2.2/COGA alignment.
-
community-access Skill Cross Document AnalyzerInternal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for cross-document accessibility pattern detection, severity scoring, template analysis, and remediation tracking. Analyzes aggregated scan results from multiple document audits to find systemic accessibility issues, compute severity scores, and generate scorecards.
-
community-access Skill Desktop Accessibility SpecialistDesktop application accessibility expert -- platform APIs (UI Automation, MSAA/IAccessible2, NSAccessibility), accessible control patterns, screen reader Name/Role/Value/State, focus management, high contrast, and custom widget accessibility.
-
community-access Skill Markdown A11Y AssistantInteractive markdown accessibility audit wizard. Runs a guided, step-by-step WCAG audit of markdown documentation. Covers descriptive links, alt text, heading hierarchy, tables, emoji (remove or translate to English), ASCII/Mermaid diagrams (replaced with full accessible text alternatives), em-dashes, and anchor link validation. Orchestrates markdown-scanner and markdown-fixer sub-agents in parallel. Produces a MARKDOWN-ACCESSIBILITY-AUDIT.md report with severity scores and remediation tracking. For web UI accessibility use web-accessibility-wizard. For Office/PDF documents use document-accessibility-wizard.
-
community-access Skill Markdown AccessibilityAudit and fix markdown for accessibility. Covers ambiguous links, anchors, emoji (remove/translate), Mermaid/ASCII templates, heading hierarchy, table descriptions, and severity scoring.
-
community-access Skill Web AccessibilityUse for web accessibility work in HTML, JSX, CSS, ARIA, keyboard, forms, contrast, modals, live regions, headings, links, tables, or WCAG review; starts accessibility-lead first and uses tool_search if subagent tools are lazy-loaded.
-
community-access Skill Powerpoint AccessibilityPowerPoint presentation accessibility specialist. Use when scanning, reviewing, or remediating .pptx files for accessibility. Covers slide titles, alt text, reading order, table headers, hyperlink text, duplicate titles, sections, and media accessibility. Enforces Microsoft Accessibility Checker rules mapped to WCAG 2.1 AA.
-
community-access Skill Web Accessibility WizardInteractive web accessibility review wizard. Runs a guided, step-by-step WCAG audit of your web application. Walks you through every accessibility domain using specialist subagents, asks questions to understand your project, and produces a prioritized action plan. Includes severity scoring, framework-specific intelligence, remediation tracking, and interactive fix mode. For document accessibility (Word, Excel, PowerPoint, PDF), use the document-accessibility-wizard instead.
-
community-access Skill Web Component SpecialistAudits web components (custom elements, Shadow DOM) for accessibility. Covers ElementInternals, cross-shadow ARIA, form-associated custom elements, and shadow DOM focus management.
-
community-access Skill Framework AccessibilityFramework-specific accessibility patterns and fix templates for React, Vue, Angular, Svelte, Next.js, and Tailwind CSS.
-
community-access Skill Performance AccessibilityAudits the intersection of web performance and accessibility. Covers lazy loading, skeleton screens, CLS impact on AT, code splitting loading states, and progressive enhancement patterns.
-
jarle Skill Bun Fullstack Dev ServerBuild fullstack applications with Bun's integrated dev server that bundles frontend assets and handles API routes
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 word-accessibility, cross-page-analyzer, email-accessibility. 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.