Accessibility
Accessibility testing and improvements
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."
data-table
by Criptso
The house standard for any multi-column list, in any app and any stack: sticky high-contrast header, click-to-sort, a per-column menu (filter by value, search, date range, derived columns), frozen first column, add-column that reaches the database, smart widths with Excel-style wrap, a 3-line cap per cell with hover reveal, resizable rows and columns, right-aligned tabular figures, and one date format. Use BEFORE building or changing any table, grid, or list with more than one column — dashboards, admin screens, inventory, reports, invoices, anything with rows. Also use when a table already exists and is being reviewed, extended, or restyled, and whenever someone says the list should behave "like Excel" or "like Sheets". Ships a browser-driven verification suite that is the done-gate: a styled dead control photographs exactly like a live one.
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
frontend
by nbfrodri
Build React and Next.js interfaces: components, data loading, forms, state, accessibility and component tests. Use for UI implementation and changes.
UX QA & A11y Reviewer
by anorbert-cmyk
UX QA and Accessibility Reviewer catching inconsistencies, edge cases, and accessibility regressions.
accessibility
by laivannha0202
Improve web/mobile accessibility including semantics, keyboard behavior, labels, focus, touch targets, and screen-reader usability.
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.
teachback
by terrylica
Build or deepen a single-file interactive HTML explainer that teaches back difficult material already established in the conversation (or a named subject/source). Use when someone wants a durable, self-contained lesson with rendered mathematics, an exploratory multiple-choice assessment, and a terminology loop that lets the reader push unfamiliar terms back for deeper coverage.
maui-ui-best-practices
by Rimblehelm
Defines recommended UI/UX patterns, layout strategies, styling conventions, accessibility rules, and performance guidelines for .NET MAUI applications.
shipping-and-launch
by MGallo-Code
Prepares production launches. Use when preparing to deploy to production. Use when you need a pre-launch checklist, when setting up monitoring, when planning a staged rollout, or when you need a rollback strategy.
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.
gof
by nullvoidundefined
Use when a spec, plan, or feature needs review from several angles at once - feasibility, security, unstated assumptions, and design - rather than one reviewer's read. Also known as Gang of Four, GoF, or four-perspective review.
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.
web-3d
by nachopalmeri
"Use to build 3D on the web with three.js or React Three Fiber: hero scenes, product viewers, immersive landings, with performance budgets, mobile fallback and accessibility."
cua-driver-rs
by niyatna
Drive a native GUI app (macOS, Windows, Linux) via the cua-driver CLI (default) or MCP server — snapshot its accessibility tree, click/type/scroll by element_index or pixel coords, verify via re-snapshot, all without bringing the target to the foreground. Use when the user asks you to operate, drive, automate, or perform a GUI task in a real application on the host.
sink-check
by rux-sm
Run rux-ds browser-only gates against the kitchen sink, portal, and templates, including check-a11y.js, check-rendered.js, check-runtime-classes.js, check-spacing.js, and check-behaviour.js. Use when asked to run browser checks, sweep pages after a batch, verify the sink or templates in a browser, measure focus rings or contrast, or update gate-coverage readings. Encodes eight conditions and the repeatable per-page loop that prevent confident wrong answers.
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.