Accessibility plugins

Generate accessible UI components, build design systems with tokens and patterns, audit WCAG compliance, review designs for usability and performance, and implement responsive layouts for web (React/Vue/Svelte/Tailwind) and mobile (iOS/Android/React Native) apps using specialized skills, commands, and expert agents.

Design and implement Human Interface Guidelines-compliant UIs for iOS, iPadOS, macOS, visionOS, watchOS, tvOS using adaptive layouts, navigation patterns like sidebars and tabs, system experiences such as widgets and notifications, accessibility foundations, input handling for gestures and Pencil, and interaction patterns with feedback and undo support.

Run GitHub Copilot CLI without technical jargon by automatically translating every approval prompt, error message, and output into plain English, with color-coded risk indicators to guide safe decisions for beginners and non-technical users.

Streamline design-to-development workflows by critiquing and auditing Figma UIs for usability, accessibility, and WCAG compliance, generating handoff specs with tokens and breakpoints, writing UX copy for microinteractions, synthesizing user research into insights, managing design systems, and connecting directly to Figma, Jira, Linear, Slack, Notion, Asana, and more via MCP servers.

Audit and optimize web projects for Lighthouse scores, Core Web Vitals, WCAG 2.2 accessibility, technical SEO, performance bottlenecks, security best practices, and code quality using specialized agent skills that apply fixes with code examples.

Audit web pages and components for WCAG 2.1/2.2 accessibility compliance using axe-core, Playwright, Pa11y, Lighthouse, and more. Detect ARIA errors, keyboard navigation issues, color contrast violations, and screen reader incompatibilities, then generate markdown reports with prioritized fixes and code examples.

Run interactive frontend design wizards to research UI/UX trends from Dribbble and Coolors, analyze websites for inspiration via browser screenshots and extractions, curate Tailwind-compatible color palettes and typography pairings, create visual moodboards, review HTML for design principles and accessibility issues, and generate production-ready UI code.

Delegate UI/UX design workflows to specialized agents that conduct WCAG 2.1 AA/AAA accessibility audits on web apps, generate wireframes and prototypes, create design systems, and implement compliant UI components with ARIA attributes, keyboard navigation, focus management, and screen reader support.

Build scalable design systems by generating tokens, component specifications, documentation templates, naming conventions, icon systems, and pattern libraries. Audit for WCAG accessibility, consistency, token coverage, and theming support using dedicated skills and commands.

Plan and validate UI/UX designs through prototyping strategies, usability test scenarios, heuristic evaluations, A/B experiments, accessibility audits, wireframe specs, user flows, and complete test plans.

Review SwiftUI and Swift codebases for modern APIs, best practices, performance, accessibility, data flow, navigation, Clean Architecture, and hygiene issues. Receive prioritized summaries with file-by-file issues and before/after fixes to refactor efficiently.

Scan web projects for WCAG 2.1 accessibility violations categorized by A/AA/AAA levels with file locations, criterion details, and fix code snippets, then automatically correct ARIA attributes, roles, states using semantic HTML, keyboard handlers, and focus management, including change summaries and tests.

Audit CSS, SCSS, and styled-components for WCAG color contrast ratios on text and UI elements, generating pass/fail reports with stats on worst offenders, then suggest AA-compliant color alternatives including hex swatches, updated ratios, color-blind checks, CSS overrides, and before/after previews.

Run WCAG 2.1 AA accessibility audits on URLs or HTML components using axe-core plus manual checks for keyboard navigation, ARIA, contrast, forms, and media. Generate prioritized Markdown or HTML reports with severity levels, code fixes, compliance scores, executive summaries, priority matrices, and remediation references.

Run Lighthouse audits on target URLs to diagnose performance, accessibility, best practices, SEO, and PWA issues with Core Web Vitals scores and reports. Automatically apply prioritized fixes, verify improvements by re-running audits, and track score changes.

Audit web apps for screen reader compatibility by testing semantic HTML, ARIA attributes, forms, modals, and dynamic content, generating reading order reports and issue lists. Automatically fix incorrect or missing ARIA roles, states, and attributes in HTML/JSX/TSX files with compliance verification.

Apply Apple Human Interface Guidelines for iOS, macOS, watchOS, tvOS, visionOS, iPadOS apps in SwiftUI/AppKit/UIKit, Material Design 3 for Android in Jetpack Compose/XML, and WCAG 2.2 for accessible web UIs in HTML/CSS to build and audit platform-compliant interfaces.

Delegate frontend tasks to build responsive UIs, implement React/Vue/Angular components, manage state, fix responsive design issues, ensure accessibility, and optimize performance for web apps.

Enforce WCAG AA accessibility compliance in web UIs, React components, mobile apps, documents, PDFs, and Markdown via 80 specialist agents that audit code, generate fixes, produce reports, integrate Playwright tests, and hook into code reviews, GitHub Actions CI/CD for regressions and gates.

Generate accessible, responsive UI design systems with color palettes, tonal scales, typography scales, spacing systems, layout grids, and visual hierarchies from brand inputs or descriptions. Use commands to design full screens, create type systems, produce palettes with dark mode variants, and audit responsiveness across breakpoints.

Generate UX research plans with objectives, methodologies, screeners, discussion guides, and synthesis frameworks for user studies. Critique UI designs, Figma files, and wireframes using JTBD, Gestalt principles, and heuristics for prioritized improvements. Perform WCAG 2.2 accessibility audits on web, mobile, and desktop apps, yielding checklists, pass/fail results, and remediation steps.

Delegate frontend tasks to this agent: build responsive UIs and complex components in React, Vue, or Angular; implement state management; fix responsive design issues; ensure accessibility; optimize rendering and large dataset loading for performant web apps.

Audit web apps for WCAG 2.1 AA, Section 508, and international accessibility standards including keyboard navigation, screen readers, contrast, ARIA, and semantics. Get fixes, testing frameworks, and CI/CD integration for enterprise platforms.

Audit web apps against WCAG 2.1 AA, Section 508, and global accessibility standards by scanning keyboard navigation, screen reader support, contrast ratios, ARIA roles, and semantic structure. Implement fixes, build testing frameworks, and integrate audits into CI/CD pipelines for enterprise compliance.

Receive expert UI/UX design guidance for building unique, accessible web interfaces. It activates during development of components, pages, or apps, prompting confirmation before every visual decision on colors, typography, and layouts to ensure thoughtful, customized designs.

Delegate frontend development tasks to a specialized agent that builds responsive UIs with React, Vue, or Angular components, implements state management, fixes responsive and accessibility issues, and optimizes performance for web apps.

Hear a short spoken summary of Claude's response using macOS 'say' command. Automatically runs at the end of each Claude Code session via a Python hook, enabling quick audio review of outputs for better accessibility and hands-free workflow.

Launch a local Node-based MCP server via npx to integrate the UUV Testing Framework into Claude, enabling LLM-powered BDD assistance for E2E accessibility testing in your projects. Configure with UUV_LLM_MODEL env var to use custom models for generating behavior-driven tests focused on accessibility data.

Automate complete UI/UX design workflows with AI agents and skills enforcing discovery, research, strategy, inclusive accessible design, critique, prototyping, motion design, and handoff specs to engineers. Maintains shared design state, taste profiles, and debt registers for consistent, high-quality outputs across projects.

Delegate frontend accessibility tasks to specialized AI agents for WCAG/ARIA compliance audits, screen reader and keyboard testing, assistive tech optimization, focus management remediation, and inclusive design with i18n/l10n support for global audiences.

Generate OpenChart VizSpec JSON to create charts, tables, graphs, and sankeys from data in React, Vue, or Svelte, plus edit SVGs for logos, icons, and graphics with path commands, styling, accessibility features, gradients, animations, and optimizations.

Execute end-to-end UX design workflows using 15 specialized skills and 6 AI agents: frame problems, conduct research and audits, design journeys/IA/copy, ensure WCAG accessibility and edge cases, define metrics, and generate precise engineering handoffs.

Audit web UIs from URLs, screenshots, or images for usability heuristics, WCAG accessibility compliance, visual consistency, component reusability, and design system maturity. Generate prioritized reports with remediation roadmaps using AI vision CLI commands and Playwright-powered agents without writing code.

Forge premium UIs for React/Next.js apps by generating interactive components with glassmorphism, Framer Motion animations, Three.js 3D, and particles; research design patterns and UX via web searches, competitor analysis, and user studies; audit Tailwind/shadcn-ui systems for consistency, accessibility, and responsiveness; produce actionable reports with recommendations.

Design accessible user interfaces, components, and systems for web and mobile apps. Optimize customer journeys, brand differentiation, and business ROI to deliver beautiful, functional designs implementable in 6-day sprints.

Equip Claude Code AI agent with 11 expert skills to audit React apps for accessibility, performance waterfalls, i18n routing, Tailwind layouts, testing strategies, and security vulnerabilities; optimize JS/TS code, React Router patterns, and apply Rails best practices during writing, reviewing, or refactoring.

Run CLI-based audits on UI design images and videos using Gemini AI to evaluate accessibility, WCAG contrast compliance, best practices, object detection, and design consistency.

Audit and apply accessibility best practices to SwiftUI, UIKit, and AppKit code for VoiceOver, Dynamic Type, Reduce Motion, and full Nutrition Label compliance during UI writing, editing, or review in your editor.

Build unstyled, accessible React UI components such as dialogs, selects, popovers, and accordions using MUI Base UI integrated with Floating UI for precise positioning. Migrate from Radix UI, adopt render props API, or resolve popup and v1.0 beta issues in React apps.

Build intuitive, accessible React UIs with CSS patterns for loading states, error handling, empty states, microinteractions, and animations to enhance user experience workflows.

Enforce accessibility, quality, and theming standards in gluestack-ui React Native and web projects using validation skills and MCP server. Discover components, retrieve source code, Storybook demos, and metadata; customize themes with NativeWind and dark mode support.

Design intuitive web UI interfaces, layouts, and visual systems for landing pages, dashboards, and hero sections. Apply UX/UI principles like information architecture, accessibility, responsive layouts, and aesthetics such as Bauhaus, Pop Art, Retro, or Futuristic, generating HTML/CSS/Tailwind specifications.

Audit frontend UI code, files, directories, or live websites using 15 usability heuristics to identify issues, rate severity from 0-4, generate structured reports with strengths and recommendations, then interactively or automatically implement prioritized fixes and re-evaluate.

Delegate frontend accessibility tasks like WCAG audits, ARIA implementation, screen reader testing, keyboard navigation, focus management, assistive tech optimization, and inclusive design with i18n/l10n/RTL support to specialized AI engineering agents.

Audit web pages, codebases, and Figma designs for WCAG 2.2 AA conformance using Playwright automation, keyboard testing, and specialist sub-agents. Plan full audits with site crawling and sampling, then generate maturity assessments, phased improvement roadmaps, KPIs, and stakeholder reports.

Audit Webflow sites for accessibility, SEO, broken links, assets, and structure; bulk create or update CMS collections with schema validation, previews, and rollbacks; manage custom code and naming conventions; safely publish changes with pre-checks and confirmations.

Audit enterprise web and mobile apps for WCAG 2.1 AA compliance as an accessibility specialist. Optimize screen reader support, keyboard navigation, ARIA attributes, color contrast, and compatibility with assistive technologies to deliver inclusive designs.

Process YouTube video URLs to generate structured docs like transcripts, summaries, Q&A, infographics, audio files, narrated videos, and WCAG-compliant captions using Gemini models and youtube-to-docs tools. Supports ES/FR languages and cloud integrations for seamless asset creation in dev workflows.

Add zero-config animations to React lists, accordions, and toasts with @formkit/auto-animate, preventing SSR errors, conditional rendering issues, and missing keys in Next.js, Vite, Bun, and Cloudflare apps.

Perform 7-phase frontend design reviews with WCAG 2.1 AA accessibility checks, responsive testing, and visual polish analysis for PR reviews and UI audits, identifying contrast issues, broken layouts, and missing focus states.

Audit SwiftUI codebases for layout pitfalls like safeAreaInset conflicts, ForEach crashes, and button hit areas under 44pt or missing contentShape with plain button styles. Enforce best practices for adaptive multi-device layouts, ATT timing, AdMob integration, and accessibility, generating fixes and safe code on demand.

Implement WCAG 2.1/2.2 compliant web UIs with ARIA patterns, keyboard navigation, focus management, and accessibility testing, while generating scalable CSS design token systems for light/dark themes and Tailwind integration.

Build evidence-based online courses for LMS platforms like Canvas, Moodle: import via API/IMSCC/files, run needs analysis and Bloom's objectives, generate syllabi/modules/assignments/rubrics, audit Quality Matters/WCAG/UDL compliance with evidence tiers, orchestrate full pipeline, and export directly.

Perform interactive or automated AI-powered WCAG (2.1/2.2, A/AA/AAA) accessibility audits on codebases, directories, or live URLs with optional Playwright visual scans. Generate structured compliance reports in fresh contexts for remediation workflows or saturated chats.

Assemble a team of 5 specialist agents (UX, visual design, accessibility, mobile UI, copy) to collaboratively review, critique, and iteratively improve iOS and web UI designs, then create and edit prototypes directly in the Pencil tool.

Conduct multi-agent audits for architecture, code quality, accessibility across web/mobile/desktop, security flaws, and spec alignment; enforce TDD guardrails on fixes, review git branches before merge, standardize Makefiles, and generate verified reports with fixes.

Conduct user research, usability testing, and insight synthesis; map and optimize user journeys; generate product strategies, roadmaps, and prioritization; audit UIs for WCAG accessibility, ARIA, and inclusive design; create user flows, wireframes, micro-interactions, and prototypes using specialized commands and proactive agents.

Run automated UX regression tests on running web apps after E2E testing to detect accessibility issues, Nielsen usability violations, AI slop, and pixel-perfect user journeys. Generate dashboard with issue summaries, UI risk signals, project-aware fix proposals, and reconciled verdicts.

Generate visuals across 11 channels including raster, SVG, web, interactive, video, terminal, diagrams, and infographics while enforcing brand tokens, 8:1 contrast minimum, custom dimensions, and style guides. Critique produced PNG/JPG/SVG/PDF artifacts with a vision-model agent that evaluates design principles (Tufte/Bertin/Gestalt), channel anti-patterns, and brand compliance, providing evidence-based PASS/NEEDS REVISION/FAIL verdicts.

Query 14 NeRDS skills to apply Dutch government guidelines for compliant digital system design, development, and procurement, spanning user needs, accessibility, open source, cloud strategies, security, privacy, data management, AI ethics, integration, collaboration, and sustainability.

Act as a senior frontend developer to build responsive UI components, implement state management with Zustand/Redux/Pinia, optimize performance via Core Web Vitals and bundle analysis, audit WCAG accessibility, architect CSS with Tailwind/BEM, configure Vite/Webpack builds, and debug frameworks like React, Vue, Angular, Next.js across monorepos.

Audit HTML/CSS web UI code for compliance with Vercel Web Interface Guidelines. Receive targeted feedback on accessibility, design quality, UX principles, and best practices. Activate by prompting 'review UI', 'audit design', or 'accessibility check' in your workflow.

Generate business analysis outputs like competitive reports and UX artifacts (personas, journey maps, empathy maps), derive brand design tokens, create interactive HTML wireframes from them, then review for UX heuristics/accessibility and polish into production UIs.

Review, write, and fix focus management code for tvOS, iOS/iPadOS, watchOS, visionOS, and macOS apps using SwiftUI, UIKit, AppKit, and RealityKit APIs. Debug key view loops, hover effects, Digital Crown navigation, and 29 anti-patterns for better accessibility.

Build accessible React UIs with Base UI's unstyled, headless components by applying CSS-based styling via classes, data attributes, and custom properties; incorporate animations, render prop composition, form integrations, and TypeScript types.

Validate CSS for Divi 5 compatibility, generate ready-to-use code snippets and responsive page sections, audit projects for CSS health and WCAG accessibility, troubleshoot errors with fixes, and stay updated on Divi features for faster WordPress site building with Elegant Themes' builder.

Simulate realistic user personas like Boomers, Millennials, and Gen Z interacting with web apps via Chrome automation to validate UX flows, uncover accessibility barriers, detect security issues, run A/B tests, smoke tests, WCAG audits, cookie compliance checks, and critical paths. Generate annotated reports, traces, and GitHub PR comments for pre-release quality assurance.

Develop high-performance, accessible SwiftUI apps for iOS and Apple platforms using skills in modern architecture with SwiftData and Observation, performance profiling via Instruments, XCTest unit testing, adaptive cross-platform layouts, smooth animations with Canvas and Lottie, memory leak diagnosis, and on-device speech transcription.

Build scalable design systems by generating design tokens, UI component specifications, documentation templates, icon systems, naming conventions, pattern libraries, and token-based theming supporting light/dark modes. Audit code for WCAG 2.2 accessibility compliance with remediation steps and evaluate full systems for consistency, completeness, token coverage, and issues.

Generate complete, accessible UI design systems for web projects, including color palettes with tonal scales and contrast checks, modular typography scales, responsive grid layouts, spacing systems, visual hierarchies, dark mode variants, and full screen layouts from brand inputs or descriptions.

Generate 263+ design styles as Tailwind configs, CSS variables, and accessible React components; architect multi-tenant Keycloak themes with tenant-specific branding, FTL templates, and runtime switching; audit UI consistency, accessibility (WCAG), and best practices using AI agents and commands.

Run agentic workflows to transform abstract design problems into evidence-based UX briefs: initialize workspace, ingest context from Slack/emails/docs, dispatch parallel agents for research, competitive UX mapping, audits with accessibility checks, ideation synthesis, outputting DESIGN-BRIEF.md ready for Figma.

Hear Claude Code responses, tool steps, and notifications spoken aloud via Kokoro TTS, enabling hands-free auditory feedback, accessibility, and distraction-free workflows during coding sessions.

Build headless, accessible single- and multi-range sliders with thumb positioning, steps, ticks, and drag logic for React, Vue, Solid, Svelte, Angular, or vanilla TypeScript/JavaScript apps.

Audit websites, UIs, dashboards, presentations, and code against VisAWI/Gestalt-backed visual design principles including layout, typography, color, hierarchy, spacing, accessibility, and responsiveness. Score designs quantitatively up to 40 points, get research-backed fixes via agent, command, or guided skills.

Audit and enforce professional UI standards in Tailwind/React codebases by applying curated design skills that validate typography, animations, accessibility, performance, layout patterns, design polish, and SEO metadata.

Run lightweight accessibility smoke checks and WCAG 2.2 AA triage on web pages, components, or PRs to classify issues as pass/needs-fixes/escalate, receive findings with targeted fix guidance, audit recommendations, and remediation steps for keyboard navigation, focus management, color contrast, form labels, and semantic landmarks.

Delegate comprehensive UX/product workflows to specialized AI agents and commands for user journey mapping, multi-perspective reviews, WCAG accessibility audits, interaction design, user research analysis, product strategy roadmaps, and heuristic evaluations—optimizing designs and funnels directly in your IDE.

Conduct voice-driven pair programming sessions with AI in Claude Code, maintaining persistent memory by injecting file contexts before reads, summarizing on session stop, and observing tool interactions via a Node/Bun worker.

Convert Figma, Sketch, or Penpot designs to production-ready UI code for React with Tailwind/CSS modules, SwiftUI, Flutter widgets; extract and sync design tokens across formats; compare design-code drift; optimize/export assets for web/mobile; audit WCAG accessibility.

Detect your frontend project's tech stack and generate expert code patterns for building accessible, responsive UIs with proper component hierarchies, composition patterns like render props and custom hooks, multi-layer state management from local UI to server-side with Zustand/Redux/TanStack Query, and WCAG-compliant features like ARIA and keyboard navigation.

Approve permission requests and handle yes/no interactions in Claude Code hands-free using AirPods head gestures via Bobble, or remotely via Telegram alerts from Node.js scripts.