This skill conducts full accessibility audits of shipped product experiences against WCAG and platform-specific standards.
This skill checks design outputs against accessibility standards before handoff to engineering. Use when asked to verify WCAG compliance on a design file, review colour contrast…
This skill checks frontend implementations against WCAG accessibility standards during development. Use when asked to review a component for accessibility, validate ARIA usage, or…
Use this skill when the question is whether users can *operate* a UI — keyboard, switch device, voice, screen-reader gestures — not just by mouse or touch.
Use this skill when the question is whether users can *perceive* the content — see it, hear it, or feel it — regardless of impairment.
Use this skill when reviewing accessibility, semantic HTML, keyboard navigation, alt text, color contrast, ARIA, forms, buttons, links, and reduced motion.
Use this skill when the question is whether assistive technologies — screen readers, voice control, switch devices, refreshable braille displays — can reliably interpret your UI.
This skill enables Claude to perform comprehensive accessibility audits. It uses the accessibility-test-scanner plugin to identify WCAG 2.1/2.2 compliance issues, validate ARIA…
Use this skill when the question is whether users can *understand* the UI — predict its behavior, recover from errors, comprehend its labels and copy.
Use this skill to help a person with a disability assert rights under the Americans with Disabilities Act (ADA) — drafting reasonable-accommodation and reasonable-modification…
Guidelines for building AI-accessible web interfaces that work well with AI agents, automation tools, and screen readers.
This skill should be used when implementing accessibility in Astro, WCAG compliance in Astro, Astro ARIA patterns, keyboard navigation in Astro components, screen reader support…
Use this skill when building Blazor components or apps aligned to the B.C. Government Design System. Triggers: BC Gov Blazor component, Blazor BC government, BC Sans Blazor, BC…
Analyze government benefits processing software for eligibility determination, application workflow efficiency, document verification, error rates, appeal tracking, multi-program…
This skill should be used when the user asks about Bootstrap Icons, Bootstrap icon library, how to install Bootstrap Icons, how to use Bootstrap Icons, Bootstrap icon fonts,…
This skill should be used when the user asks about Bootstrap 5 getting started, Bootstrap installation, Bootstrap CDN setup, Bootstrap npm installation, Bootstrap Bun…
Accessibility guide for Capacitor apps covering screen readers, semantic HTML, focus management, and WCAG compliance. Use this skill when users need to make their app accessible.
Use when use this skill after performing Tn5 bias correction and footprint scoring on ATAC-seq BAM files when you need to inspect the spatial distribution of Tn5 insertions around…
This skill should be used when building React UI for Chrome extensions or when the user asks about UI patterns in extensions.
Use this skill when you need to link to files or specific lines in the Chromium codebase within a document intended for external sharing (e.g., Google Docs, Buganizer).
Use this skill when designing color systems that must satisfy accessibility requirements, work in both light and dark modes, support high-contrast preferences, and remain…
Use this skill whenever a user shares web code (HTML, JSX, TSX, Vue, Svelte) and wants to know if it's accessible — keyboard usable, screen reader compatible, WCAG compliant, or…
Apply production-grade design standards when building or reviewing pages, components, or UI. Use this skill whenever the user asks to build a page, design a component, lay out a…
UI/UX design patterns and design system architecture. TRIGGER when: working on component design, layout/grid decisions, design tokens, color palettes, typography, accessibility…
This skill should be used when designing or fixing a user interface — establishing visual hierarchy, layout and spacing, typography, color and contrast, accessibility (WCAG…
Use this skill when writing CSS for Divi 5 / Divi 5.6, styling Divi modules (buttons, sections, rows, blurbs, toggles, forms including the 5.3 Contact Form 7 Styler), the five 5.6…
Use this skill to enable Espresso's `AccessibilityValidator` against the Compose semantics tree via `enableAccessibilityChecks(...)` from…
Implement accessible user interfaces with semantic HTML, keyboard navigation, sufficient color contrast, screen reader support, ARIA attributes, and proper focus management.
Build accessible user interfaces using semantic HTML, ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility.
Build production-ready frontend components with accessible markup, sensible props, defined states, and tested behavior.
S-tier SaaS dashboard and product UI reference. Use this skill when building application shells, data tables, settings panels, billing pages, dashboards, auth flows, admin tools,…
Frontend and UI/UX development guidance. Provides patterns for responsive design, accessibility, component architecture, state management, and visual consistency.
Use this skill when implementing accessibility for a specific Gamut component, building a custom overlay or composite widget, or auditing component usage against WCAG —…
Apple Human Interface Guidelines for content display components. Use this skill when the user asks about "charts component", "collection view", "image view", "web view", "color…
Draft and send an issue report email to the KC Streetcar team (
[email protected]). Use this skill whenever the user mentions reporting a problem with the KC Streetcar — tracker…
Use this skill when setting up, running, interpreting, or maintaining Lens deterministic browser and visual QA workflows: `lens check`, `lens inspect`, `lens flow`, `.lens.toml`,…
Mobile-responsive rework of existing React components. Analyzes a desktop-first component and turns it into a mobile-optimized one by applying standards for touch ergonomics, WCAG…
Use this skill for Expo/React Native motion accessibility, reduced motion, haptics, UI-thread performance, frame pressure, gestures, and manual device proof.
Use this skill for lottie-react-native and dotLottie native assets, Expo compatibility, asset bundling, refs, playback control, accessibility, reduced motion, and platform…
Use this skill for Rive React Native/Nitro runtime, .riv assets, state machines, inputs, asset loading, platform compatibility, accessibility, and iOS/Android proof.
(PREFERRED) Execute native UI automation tasks on mobile devices using DSL batch execution. Use this skill FIRST when user asks to test apps, tap elements, verify screens,…
Create components using ng-alain (@delon/abc) and ng-zorro-antd UI libraries. Use this skill when building enterprise UI features with ST (Simple Table), SF (Schema Form), ACL…
Comprehensive open data quality validator for two audiences: data analysts who need to assess whether a dataset is ready to use, and public administrations who want to…
Pa11y is a real open-source accessibility testing tool that lets agents audit pages for WCAG issues from the command line or in CI.
MASTER ORCHESTRATOR for the Perception UI Design System — a Bootstrap-like component framework. This is the FIRST skill to read for ANY UI generation task.
Use this skill whenever the question is *how* to design well over time or *how* to make a design that doesn''t break — accessibility, prototyping cadence, MVP scoping, edge cases,…
Validates generated code for accessibility compliance — WCAG AA color contrast, ARIA roles and landmark regions, heading hierarchy, and image alt text.
This skill should be used when the user is working on accessibility in React, asking about "ARIA attributes", "focus management", "keyboard navigation", "screen reader support",…
This skill should be used when the user asks to "browse a website", "take a screenshot", "scrape a page", "interact with a webpage", "automate Chrome", "click a button on a page",…
This skill should be used when the user asks to "test this website", "run exploratory testing", "check for accessibility issues", "verify the login flow works", "find bugs on this…
Use this skill to choose between host (Robolectric/JVM) and device (instrumentation) tests for Jetpack Compose, and to configure each correctly.
Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/). Use this skill whenever you: build or modify a dashboard page or component in…
This skill should be used when the user is building, reviewing, or debugging SwiftUI views and apps. Detects iOS and Swift version from the project.
Reviews SwiftUI code for best practices on modern APIs, maintainability, and performance. This skill should be used when the user asks to review SwiftUI code, check for deprecated…
Guide for implementing the Syncfusion Blazor Accordion component for creating collapsible panels with expandable content.
Implement Syncfusion Blazor button components including Button, ButtonGroup, CheckBox, Chip, DropdownMenu, FloatingActionButton, ProgressButton, SpeedDial, SplitButton, and…
Implements the Syncfusion Blazor HeatMap Chart component for multi-dimensional data visualization using color-coded grids.
Implement interactive spatial data visualization with Syncfusion Maps component for Blazor. Use this skill when user needs to display geographic data, add markers/polygons to…
Implement modal and modeless dialogs using Syncfusion Blazor Dialog component. Use this skill when creating dialogs, popup windows, modal confirmations, custom forms, or…
Implement the Syncfusion Blazor Ribbon component. Use this skill when creating ribbon interfaces, implementing ribbon tabs/groups/items, adding file menus, handling ribbon events,…