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 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 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.
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…
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…
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.
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,…
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.
Generate travel-time polygons using historical traffic to determine facility coverage at specific times of day or future timestamps.
Use this skill when building user interfaces that need to look polished, modern, and intentional - not like AI-generated slop.
Expert WCAG (Web Content Accessibility Guidelines) advisor covering WCAG 2.0, 2.1, and 2.2 — the W3C international accessibility standards.
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.
Erişilebilirlik ve WCAG hatalarını otomatik düzeltmek için rehber ve araçlar.
Atende WCAG 2.1 nível AA em todo componente UI
Drive a specific named macOS app via raw input bypassing the Accessibility tree
Colorblind-friendly palettes and accessible visualization design
Keyboard accessibility, focus management, and shortcuts.
Create journal-quality scientific figures with proper styling and accessibility
Radix UI primitives, composition patterns, accessibility, and customization.
Web UI - glassmorphism, Tailwind, dark mode, accessibility