Accessibility
Accessibility testing and improvements
heroui-native-skill
by tuzzy08
Build beautiful, accessible mobile UIs with HeroUI Native components for React Native and Expo. Use when building mobile apps with React Native, Expo, or when the user mentions HeroUI Native, heroui-native, mobile UI components, or needs professional mobile interfaces with smooth animations and accessibility built-in.
vivipractice
by Verovian-PMR
Apex Architect persona for building the VivIPractice PharmaConnect Platform. Use this skill when working on any VivIPractice/PharmaConnect task including: pharmacy dashboard, public website, booking engine, control hub, component library, single-tenant infrastructure, service management, scheduling, or any pharmacy platform development. Activates the Apex Architect engineering mode with enterprise HealthTech standards (HIPAA/GDPR, PHI security, WCAG 2.1 AA).
macpilot-ui-inspector
by adhikjoshi
Inspect and interact with macOS UI elements using MacPilot accessibility APIs. Find buttons, text fields, labels, and other elements by role, label, or position, then click, read, or modify them.
suanfish-design-system
by SuanFishXYY
Suanfish Design System — A unified multi-agent design language system with 14 specialized agents across 6 tiers and a REJECT mechanism for opinionated AI-driven UI generation. Governs both first-impression onboarding moments (welcome, version updates) and steady-state interfaces (three-pane layouts, modals, wizards, data viz). Activate when designing, generating, auditing, or refactoring any UI surface. 算鱼工作室的统一多智能体设计语言体系，14 位专精 agent 协同工作，分布在 6 个 tier，搭载 6 条 REJECT 硬规则。
ui-ux-pro-max
by gracebotly
"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples."
ux
by kunhai-88
"创建卓越的用户体验设计，包含用户研究、信息架构、交互设计、可用性评估。当用户需要设计界面、优化用户体验、进行可用性分析、创建用户流程、设计交互原型，或提到「ux」「用户体验」「交互设计」「可用性」「用户研究」时使用。产出专业、有洞察力的 UX 设计方案，避免通用化设计。"
accessibility
by Olino3
"Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions."
accessibility
by arielperez82
Audit and improve web accessibility following WCAG 2.1 guidelines. Use
wcag-checker
by r1ckrck
Audit a Figma component for WCAG 2.1 Level AA accessibility compliance
UX QA & A11y Reviewer
by anorbert-cmyk
UX QA and Accessibility Reviewer catching inconsistencies, edge cases, and accessibility regressions.
swiftui-development
by DengShiyingA
SwiftUI + Swift 6.2 + Xcode 26 + Apple Intelligence 生产级开发知识包（iOS 26+ / iPadOS 26+ / macOS Tahoe 26+ / visionOS 26+ / watchOS 26+ / tvOS 26+）—— 声明式 UI、Liquid Glass、Foundation Models on-device AI、App Intents、SwiftData、WidgetKit、HealthKit、CloudKit、RealityKit、Apple Pay、CoreBluetooth、NaturalLanguage、CoreMotion、AVFoundation、CoreML、Vision、ARKit、CoreImage、SafariServices、EventKit、Contacts、BackgroundTasks、CreateML、SpriteKit、Passkeys、DocumentGroup、Layout 协议、Accessibility、Localization、Combine、Network Framework、CoreLocation、CoreData、Authentication Services、watchOS Extended Runtime、tvOS Focus Engine、visionOS Room Tracking、App Store Connect API 等 45+ 框架完整覆盖。 包含 1000+ 代码示例、90+ 生产级坑点、WWDC25/26 最佳实践。涵盖 MVVM+Repository+UseCase 架构模式、依赖注入、分页/无限滚动、图片缓存、深度链接路由、统一错误处理等完整生产模式。专为 Claude Code、Cursor、Windsurf、Xcode Coding Intelligence 等 AI 工具设计。 Trigger keywords (EN): SwiftUI, Swift 6.2, Xcode 26, Apple Intelligence, Foundation Models, LanguageModelSession, @Generable, Guided Generation, Liquid Glass, glassEffect, GlassEffectContainer, glassEffectID, NavigationStack, zoom transition, @Observable, @Model, SwiftData, Observations AsyncSequence, WebView, Rich TextEditor, WidgetKit, Live Activities, App Intents, AppEntity, EntityQuery, AppShortcuts, HealthKit, CloudKit, RealityKit, RealityView, CoreBluetooth, NaturalLanguage, CoreMotion, Apple Pay, PassKit, Sign in with Apple, Passkeys, StoreKit 2, Xcode Cloud, DocC, Swift Testing, SF Symbols, visionOS, spatial layout, AVFoundation, AVPlayer, AVCaptureSession, CoreML, Vision, VNRecognizeTextRequest, ARKit, CoreImage, CIFilter, SafariServices, ASWebAuthenticationSession, EventKit, Contacts, ContactAccessButton, NWPathMonitor, NWConnection, BackgroundTasks, BGTaskScheduler, CoreData migration, CreateML, SpriteKit, SpriteView, DocumentGroup, FileDocument, Layout protocol, @AppStorage, @SceneStorage, Keychain, Codable, Accessibility, VoiceOver, Localization, Commands, openWindow, Combine, Publisher, Subscriber, FocusFilter, CLMonitor, CLBeaconRegion, iBeacon, geofencing, MKOverlay, MKClusterAnnotation, UNNotificationAction, INSendMessageIntent, ParticleEmitterComponent, CustomMaterial, VNDetectTrajectoriesRequest, VNGeneratePersonInstanceMaskRequest, ARObjectScanningConfiguration, sceneReconstruction, HKWorkoutRouteBuilder, NSPersistentHistoryTracking, Security Key, Credential Provider, MVVM, Repository pattern, dependency injection, pagination, infinite scroll, image cache, deep link routing, Router, NavigationPath, AppError, typed throws, WKExtendedRuntimeSession, GCController, RoomTrackingProvider, App Store Connect API, JWT, TestFlight, APNs HTTP/2, ASan, TSan, UBSan, Instruments, MetricKit, dSYM 触发关键词（中文）: SwiftUI, Swift 6.2, Xcode 26, 苹果智能, Foundation Models, Liquid Glass, SwiftData, WidgetKit, App Intents, HealthKit, CloudKit, RealityKit, 蓝牙, 自然语言, Apple Pay, Passkeys 无密码登录, StoreKit 内购, 音视频, 相机拍摄, 文字识别 OCR, 人脸检测, AR 增强现实, 图像滤镜, OAuth 登录, 日历提醒, 通讯录, 网络监控, 后台任务, 数据迁移, 机器学习, 2D 游戏, 文档型 App, 多窗口, 菜单命令, 无障碍, 本地化, iOS 26 开发, 多平台适配, Combine 响应式, NWConnection 网络连接, iBeacon 信标, 地理围栏, 地图叠加层, 通知操作按钮, 通信通知, 粒子系统, 自定义着色器, 轨迹检测, 实例分割, 3D 对象扫描, 场景重建, 运动路线, 历史追踪, ObjC 互操作, 安全密钥, MVVM 架构, Repository 模式, 依赖注入, 分页加载, 无限滚动, 图片缓存, 深度链接路由, 统一错误处理, watchOS 扩展运行时, tvOS 焦点引擎, visionOS 房间追踪, App Store Connect API, JWT 令牌, TestFlight 自动化, APNs 推送, 地址消毒器, 线程消毒器, Instruments 性能分析, MetricKit 诊断, 崩溃符号化
aesthetic
by brixtonpham
"Visual design intelligence and UI aesthetics. Integrates: chrome-devtools, ai-multimodal, media-processing. Capabilities: design analysis, visual hierarchy, color theory, typography, micro-interactions, animation, design systems, accessibility. Actions: analyze, design, create, capture, evaluate, implement UI aesthetics. Keywords: Dribbble, Behance, Mobbin, design inspiration, visual hierarchy, color palette, typography, spacing, animation, micro-interaction, design system, style guide, accessibility, WCAG, contrast ratio, golden ratio, whitespace, visual rhythm. Use when: building beautiful UIs, analyzing design inspiration, implementing visual hierarchy, adding animations/micro-interactions, creating design systems, evaluating aesthetic quality, capturing design screenshots."
interfaces-raunofreiberg
by artivilla
Review UI code against Rauno Freiberg's interface guidelines. Use when checking interactivity, typography, motion, touch, optimizations, accessibility, and design details.
maui-ui-best-practices
by Rimblehelm
Defines recommended UI/UX patterns, layout strategies, styling conventions, accessibility rules, and performance guidelines for .NET MAUI applications.
Design System Guardian
by anorbert-cmyk
Enforcer of consistency, accessibility, and scalability for UI components and tokens.
health-data
by 9qwnkc6s79-a11y
Real-time health data integration from iPhone HealthKit. Use when Codex needs to query or analyze health metrics like weight, steps, workouts, calories, sleep, or heart rate. Supports conversational queries like "What's my weight trend this week?", "How many steps today?", "Did I work out yesterday?", trend analysis, coaching insights, and integration with nutrition tracking. Data synced via iOS Shortcuts from Apple Health app.
better-forms
by alexeira
Complete guide for building accessible, high-UX forms in modern stacks (React/Next.js, Tailwind, Zod). Includes specific patterns for clickable areas, range sliders, output-inspired design, and WCAG compliance.
accessibility-check
by slurpyb
Evaluate accessibility and WCAG compliance of UI components and pages. Use when the user asks to "check accessibility", "audit a11y", "WCAG review", "screen reader test", or needs to verify inclusive design practices.
typescript-react-patterns
by dabelmtz1323
Production-grade TypeScript reference for React & Next.js frontend development. Covers type narrowing, component Props, generic hooks, discriminated unions, as const, satisfies, Zod validation, TanStack Query, server/client boundaries, forms, state management, performance, accessibility, debugging, and code review. Use when the user works with TypeScript in React or Next.js: type errors, Props design, generics, API typing, SSR/CSR boundaries, hydration issues, form validation, state management, performance, or code review. Also use for "how should I type this?", "why does this type error happen?", or any architectural decision involving TypeScript in a frontend context.
style-master
by Overlord-Z
Expert CSS and frontend styling specialist that analyzes codebases, maintains style guides, suggests improvements, and stays current with modern design patterns. Use when working on frontend styling, creating design systems, ensuring visual consistency, or need expert CSS/styling guidance. Integrates with oracle, summoner, and wizard.
lighthouse-cli
by leobrival
Lighthouse CLI expert for web performance auditing. Use when users need to audit performance, accessibility, SEO, best practices, or generate audit reports.
Shadcn UI Designer
by anonymze
"Designs modern, clean UI components and pages following Shadcn principles with minimalism, accessibility, and beautiful defaults. Use when building new UI components, redesigning pages, or creating consistent UI or simply wanting to use shadcn."
aria-fair-competition
by henry-1981
Korean medical device fair-competition review and drafting skill based on the KMDIA Fair Competition Code (의료기기 거래에 관한 공정경쟁규약). Evaluates activities against the Code, provides traffic-light guidance (GREEN/YELLOW/RED), and supports review or drafting output for internal approval workflows.
primer-design
by bas
Create distinctive, production-grade frontend interfaces with high design quality using the primer design system and brand guidelines. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates polished code and UI design that fully conforms to the primer design system.