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.

Enforce Apple Human Interface Guidelines across iOS, iPadOS, macOS, visionOS, watchOS, and tvOS apps — covering layout, navigation, system experiences, input handling, interaction patterns, and platform-specific UI design for native Apple platforms.

Audit designs for WCAG compliance, critique UI usability, generate developer handoff specs, manage design systems, synthesize user research, write UX copy, and connect to Figma, Notion, Slack, Asana, Jira, Linear, and Intercom to centralize design workflows.

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.

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.

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.

Run structured UX research plans, design critiques using JTBD and Gestalt principles, WCAG 2.2 accessibility audits, and design system health checks directly on UI projects.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Assembles a virtual design team inside the terminal — UI, UX, brand, motion, social, email, data viz, print, and AI media — to produce production-quality designs across web, mobile, social, email, presentations, and print. Orchestrates multi-step design pipelines, audits accessibility and visual quality, generates code and Figma assets, and persists project memory for cross-session consistency.

Automate end-to-end QA workflows across UI, API, and accessibility testing using Playwright, Selenium, and REST Assured—plan tests, generate ISTQB-aligned artifacts, debug failures, and heal flaky tests through coordinated agent delegation.

Reference and apply building codes, accessibility standards, sustainability frameworks, and design guidelines across 10 countries. Generate architectural programs, calculate structural loads, daylight factors, and egress compliance via Python CLI tools.

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.

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.

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.

Provides a comprehensive set of PixiJS v8 skills for AI coding agents, covering application setup, scene graph management, sprite/graphics/text rendering, asset loading, event handling, custom shaders, performance profiling, and v7-to-v8 migration

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.

Enforce WCAG AA accessibility compliance across web, mobile, and document codebases using 80 specialist agents, 25 commands, and Playwright-based behavioral scanning. Delegates to accessibility-lead for UI code review, runs full audits with prioritized reports, and applies automated fixes to HTML, CSS, JSX, Markdown, Office, and PDF files.

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.

Enforces an inclusive design workflow for AI coding agents: discovery, strategy, critique, accessibility auditing, and handoff. Automates design reviews, usability testing, accessibility compliance (WCAG), design system token management, and UX copywriting, producing structured specs and reports in Markdown.

Speak a summary of Claude Code's response aloud using the macOS say command after each interaction.

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.

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.

Run a complete UX design and strategy workflow inside Claude: frame fuzzy problems, conduct user research, evaluate interfaces against heuristics and WCAG 2.2, design end-to-end experiences, and produce engineering handoff specs with accessibility and edge-case coverage.

Build accessible user stories, personas, and scenarios from the start — maps product features across ability spectrums (vision, hearing, motor, cognition), audits stories for disability inclusion gaps, and generates diverse personas with built-in accessibility acceptance criteria for keyboard, screen reader, visual, motor, and cognitive needs.

Run structured cognitive accessibility audits across six dimensions (cognitive load, plain language, wayfinding, error recovery, focus/attention, memory load) and get severity-graded reports with actionable design guidance for forms, multi-step flows, dashboards, and help systems.

Audit and design inclusive interaction flows that adapt across keyboard, touch, pointer, voice, motion, and haptic inputs, with accessible feedback and safe motion, so developers can build or retrofit interfaces for diverse motor, perceptual, and communication needs.

Document, communicate, and maintain accessibility decisions across teams and time, including tracking debt, mapping to WCAG compliance, planning layered testing, and translating designs into engineer-ready specs with context and tradeoffs.

Structure and write content that works for screen readers, cognitive differences, and diverse literacy levels — covering alt text, forms, headings, links, multimedia, plain language, data tables, and full accessibility audits.

Build interfaces that adapt to user preferences, accessibility needs, and screen conditions — from typography and color-independence to density, simplified views, and responsive testing across viewports and zoom levels.

Run WCAG 2.2 conformance audits, review web pages and designs for accessibility issues, and build organizational improvement roadmaps with KPIs and stakeholder materials.

Run comprehensive multi-agent website audits covering technical SEO, accessibility, design quality, and front-end code health, with scored reports and prioritized action plans.

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.

Run deterministic UX audits, generate production-grade UI components and design systems, and enforce brand-fidelity and accessibility — all offline with zero LLM calls. Includes a 7-axis design synthesizer, anti-pattern linter, motion auditor, microcopy editor, and design thinking workshop facilitator.

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.

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.

Design and build premium React/Next.js interfaces with advanced animations, 3D, and micro-interactions, backed by UX research, competitive analysis, and design system audits for accessibility and consistency.

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

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.

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.

Use AI to transform YouTube videos into structured documentation: generate summaries, transcripts, corrected captions (WCAG 2.1 compliant), Q&A, infographics, audio summaries, and processed video assets, with optional translation and configurable speech-to-text.

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.

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.

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.

Guides AI coding agents to correctly select and use SmartHR UI design system components — buttons, dialogs, forms, tables, layouts — with proper props and accessibility rules for building SmartHR applications.

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.

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.

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.

Enforce accessible, consistent gluestack-ui component patterns across React Native and web projects with validation, theming, and an MCP server for component discovery and source retrieval.

Streamline evidence-based course design from needs analysis through LMS export. Automate content generation, accessibility audits with integrated accessibility (WCAG/UDL) and quality audits, plus direct export to Canvas, Blackboard, Moodle, and D2L.

Manage design operations through dashboards that aggregate data from GitHub, Notion, Figma, and Vercel; generate accessibility audits, brand-consistent design variations, competitor analysis reports, and content briefs; and configure team tools via MCP/API integrations.

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.

Transform Figma into a design-token and component-documentation engine: export tokens to DTCG, CSS, Tailwind, or TypeScript; lint designs for WCAG 2.2 accessibility and design-system quality; generate component markdown docs, changelogs, and code-drift reports; manage variables, libraries, and version history from the CLI.

Generate and validate Divi 5-compatible CSS and page section templates, audit CSS health and convert legacy Divi styles for migration, check for WCAG accessibility issues, and diagnose Divi-specific errors with fix recommendations.

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.

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.

Run UX regression testing on browser-based and webview apps after E2E tests, catching usability, accessibility, and interface-quality issues with automated journey validation and heuristic checks

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.

Run comprehensive WCAG accessibility, performance, security, and code quality audits for Drupal and WordPress sites directly from the terminal. Orchestrates multi-site audits, exports findings to Teamwork CSV tasks, generates client-friendly executive summaries, and creates GitHub pull requests with auto-generated descriptions.

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.

Automatically review and fix focus management code in Apple platform apps, ensuring correct focus behavior across SwiftUI, UIKit, AppKit, and RealityKit for tvOS, iOS, watchOS, visionOS, and macOS, with detection of common anti-patterns and accessibility improvements.

Reference Dutch government software development standards and guidelines: API design rules, data exchange formats (DCAT-AP, linked data), NL Design System frontend patterns, accessibility (WCAG), Kubernetes infrastructure practices, software architecture (NeRDS), open source licensing, authentication (DigiD, OAuth), and security compliance

Audit designs for WCAG 2.2 AA accessibility, enforce brand-driven visual design, generate dev-ready handoff specs with component inventory and design tokens, and plan token-efficient batch iterations for AI design tools.

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.

Organize and enhance Markdown documentation with automated note structuring, PRD maintenance, alt-text generation, and PDF whitepaper conversion using AI-assisted planning and execution workflows.

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.

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.

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.

Generate production-ready React/TypeScript UIs with a 263+ design style library, atomic design components, and multi-tenant Keycloak theming. Includes accessibility auditing, design token generation, and style conversion between CSS, Tailwind, and styled-components.

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.

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.

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.

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.

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.

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.

Integrate 58 brand design systems into your frontend project and automatically audit UI code for accessibility, motion, and performance. Fine-tune visual quality, optimize Core Web Vitals, and verify designs in-browser with Playwright — all from Claude Code.

Adds text-to-speech to Claude Code using Kokoro TTS, speaking responses, tool steps, and notifications aloud. Lets you enable/disable voice output, change voice and speed, silence speech mid-output, and speak arbitrary text on demand.

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.

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.

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.

Review and build SaaS UIs following 12 research-backed design principles — accessibility, auth flows, data tables, forms, navigation, permissions, error states, performance patterns, theming, notifications, onboarding, and responsive layouts — with actionable code audits and fix suggestions

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.

Audit and improve visual design of websites, UIs, and documents against 11 research-backed principles including layout, typography, color, hierarchy, whitespace, and accessibility — with WCAG 2.2 AA checks, VisAWI scoring, and actionable fix suggestions.

Control Claude Code sessions remotely from your phone via text and voice through Mirra Messenger, with spoken output of responses and notifications.

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.

Audit and fix accessibility issues in SwiftUI/UIKit apps, including VoiceOver labels and traits, Dynamic Type scaling, color contrast, Reduce Motion, and common pitfalls.

Run automated QA tests for WordPress sites — accessibility (WCAG 2.2 AA), functional/design consistency, and performance — using Playwright browser automation across multiple pages and viewports, with environment-aware reporting and the ability to merge results into a single report.

Crawl a live website, then run parallel UX, accessibility, performance, and bug audits across all pages — producing a single severity-grouped report without repetitive crawling.