Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit",…
Web content discovery, URL crawling, and page inventory for accessibility audits. Use when scanning web pages, crawling sites for audit scope, or building page inventories for…
Compute web accessibility scores (0-100, A-F grades) with severity scoring, confidence levels, and remediation tracking across audits.
当用户要求"微信监听"、"消息提取"、"Agent 开发"、"wxauto"、"Accessibility API"、"UI 自动化"、"输入框控制"、"Platform Agent"，或者提到"微信自动化"、"消息监控"、"WeChat monitoring"时使用此技能。用于开发 WeReply 的 Platform Agent（Windows…
Design and UX guidelines for Wednesday Solutions projects. Covers visual design tokens, animation patterns, component standards, accessibility, and user experience best practices…
Send WhatsApp messages. Preferred: accessibility (fully automated, no user tap). Alternative: intent (opens chat, user taps Send). Look up contact number first.
Configure Windsurf themes and visual settings for accessibility. Activate when users mention "change theme", "customize colors", "accessibility settings", "visual preferences", or…
Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Windows App SDK…
Design native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions "iPhone app", "iPad layout", "SwiftUI", "UIKit", "Dynamic Island", "safe…
Word document accessibility specialist. Use when scanning, reviewing, or remediating .docx files for accessibility.
Writes Playwright E2E tests using the page-object pattern and accessibility-tree assertions. Use whenever creating or editing E2E test files in a Playwright project.
Use this skill when the user asks about accessible forms, form labels, form errors, input accessibility, "aria-required", "aria-invalid", "aria-describedby", fieldset and legend,…
Use this skill when the user asks about keyboard navigation, keyboard accessibility, focus management, focus trapping, focus ring, focus indicator, ":focus-visible", skip links,…
Use this skill when building user interfaces that need to look polished, modern, and intentional - not like AI-generated slop.
Guide for conducting comprehensive accessibility audits of code to identify WCAG compliance issues and barriers to inclusive design.
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 reviewing accessibility, semantic HTML, keyboard navigation, alt text, color contrast, ARIA, forms, buttons, links, and reduced motion.
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…
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…
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 building React UI for Chrome extensions or when the user asks about UI patterns in extensions.
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…
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.
Frontend and UI/UX development guidance. Provides patterns for responsive design, accessibility, component architecture, state management, and visual consistency.
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…
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.
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 "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.
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,…
Implement Syncfusion Blazor Toolbar (SfToolbar) component for creating interactive command bars and toolbars.
Implement and configure the Syncfusion Blazor TreeMap component (SfTreeMap) for hierarchical data visualization.
Skill for reviewing, optimizing, and migrating Tailwind CSS code, including HTML accessibility checks.
Use this skill when building user interfaces that need to look polished, modern, and intentional - not like AI-generated slop.
This skill enables visual inspection of websites running locally or remotely to identify and fix design issues.
Use this skill for lottie-web, dotLottie web components, animation JSON/dotLottie assets, player lifecycle, cleanup, renderer choice, accessibility, and asset validation.
Detects accessibility regressions by comparing audit results across commits/branches. Tracks score trends and validates previous fixes.