Accessibility

healthcare-emr-patterns is a practical skill for EMR/EHR design in Healthcare. It covers patient encounter workflows, clinical note-taking, medication checks, lab result highlighting, audit trails, CDSS integration, and accessibility-first medical data entry for safer clinician workflows.

flutter-dart-code-review is a library-agnostic Flutter and Dart code review checklist for architecture, widget quality, state management, performance, accessibility, security, and clean code. Use it as a structured flutter-dart-code-review guide for Code Review across BLoC, Riverpod, Provider, GetX, MobX, Signals, or custom patterns.

browser-qa is a browser QA skill for post-deploy visual testing, interaction checks, responsive screenshots, and accessibility review using browser automation. It helps frontend developers and QA teams verify staging or preview pages with a repeatable browser-qa guide instead of a generic prompt.

The accessibility skill helps you design, implement, and audit accessible UI with WCAG 2.2 Level AA guidance for Web, iOS, and Android. Use it to map component roles, labels, states, focus behavior, and accessibility traits, with practical accessibility usage for UX Audit work and implementation reviews.

frontend-design helps you turn vague UI ideas into distinctive, production-grade interfaces with real frontend code, strong aesthetic direction, and less generic AI styling.

ux-designer is a structured UX design skill for research, accessibility, information architecture, interaction flows, wireframe guidance, and UX copy. It helps teams turn rough product ideas into clearer, criteria-based design decisions using AGENTS.md and focused rules files.

visualization-expert is a lightweight skill for chart selection, visualization best practices, and example matplotlib or plotly code. Use it to choose better charts, critique dashboards, and apply clear, accessible data visualization guidance from a single SKILL.md file.

The qa skill systematically tests a web app, finds bugs, and verifies fixes with a staged workflow. Use it for regression testing, ship-readiness checks, or a structured QA guide when you need evidence, severity ratings, and atomic fix-and-retest loops instead of a generic bug-hunt prompt.

ui-ux-pro-max is a comprehensive skill for AI-assisted UI/UX design. It offers structured guidance on layouts, styles, color systems, typography, and UX rules for web and mobile projects. Ideal for developers and teams needing practical design decisions across React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter, and HTML/CSS. Use it to plan, review, and improve UI with curated design intelligence.

ckm:ui-styling helps you create accessible, production-ready user interfaces using shadcn/ui, Tailwind CSS, and canvas-based visual design. Ideal for React-based projects needing structured, responsive layouts, accessible components, dark mode, and consistent design systems. Use ckm:ui-styling skill for UI design, theming, and rapid prototyping with practical, stack-specific guidance.

ckm:brand is a branding workflow skill for creating, updating, and reviewing brand guidelines, messaging, voice, visual identity, and design-token sync with practical scripts and checklists.

The accessibility-compliance skill helps teams audit and improve web or mobile UI with practical WCAG 2.2, ARIA, keyboard access, screen reader, and mobile accessibility guidance. Best for UX audits, component fixes, and implementation-ready recommendations.

design-system-patterns helps teams design scalable UI foundations with token structure, theming architecture, and reusable component API patterns for design systems and component libraries.

The web-component-design skill helps teams design reusable UI components for React, Vue, and Svelte with strong API patterns, accessibility guidance, and styling tradeoff references for design systems.

mobile-android-design helps agents deliver Android-native UI guidance with Material Design 3, Jetpack Compose, theming, navigation, and adaptive layout patterns for phones, tablets, and foldables.

The mobile-ios-design skill helps agents produce iOS-native UI guidance with Apple HIG principles, SwiftUI patterns, navigation advice, accessibility, and adaptive layouts for iPhone and iPad.

Use the tailwind-design-system skill to build Tailwind CSS v4 design systems with tokens, theming, variants, accessibility, and v3-to-v4 migration guidance.

wcag-audit-patterns is a structured WCAG 2.2 audit skill for accessibility reviews. Use it to combine automated findings with manual checks, prioritize issues by severity and conformance level, and generate actionable remediation guidance for pages, flows, and components.

screen-reader-testing is a practical skill for UX audits and accessibility QA. Learn how to use it to test web apps with VoiceOver, NVDA, and JAWS, prioritize browser and platform coverage, and review forms, ARIA behavior, focus management, and dynamic announcements.

web-design-guidelines reviews UI code against Vercel Web Interface Guidelines, fetching the latest rules and returning terse file:line findings for focused UX and accessibility audits.

The harden skill helps make UI designs and interface specs production-ready by testing edge cases, empty states, error handling, long text, localization, permissions, and other real-world failure modes. Use it for harden for UI Design when you need fewer layout surprises and more complete behavior rules.

Clarify improves confusing UX copy, error messages, labels, onboarding steps, and instructions so users can act with less guesswork. It is useful for Technical Writing, support content, and product teams that need clearer interface text. The skill starts with context, audience, and user state before rewriting, so the result is more direct, specific, and usable.

The audit skill runs a technical UX Audit on frontend work, checking accessibility, performance, theming, responsive behavior, and anti-patterns. It produces scored findings, P0-P3 severity labels, and an action plan, with required setup through related impeccable skills first.

frontend-design is a context-first skill for creating distinctive frontend UI code. Use it to turn audience, use case, and brand tone into stronger layout, typography, color, motion, interaction states, and UX writing for pages, components, and flows.