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.

ui-design-system is a Claude skill for Design Systems that helps generate design tokens, color scales, typography, spacing, responsive rules, component documentation, and developer handoff assets, with references and a Python token generator for JSON, CSS, SCSS, or summary output.

apple-hig-expert is a Claude skill for Apple HIG design and audits across iOS, macOS, watchOS, and visionOS. It provides platform notes, accessibility guidance, Liquid Glass visual review, a HIG audit template, and a Python checker for contrast and tap targets.

md-review converts markdown PR writeups with unified diff fences and severity callouts into a single-file, two-column HTML code review. It uses parser, annotation, and renderer scripts, requires a named reviewer, supports BLOCKER/MAJOR/MINOR/NIT conventions, and preserves accessible severity cues.

email-template-builder helps teams design transactional email systems with React Email or MJML templates, provider integrations for Resend, Postmark, SendGrid, or AWS SES, preview tooling, i18n, dark mode, deliverability checks, and tracking. Best for SaaS and product teams replacing one-off HTML emails with maintainable workflows.