无障碍
无障碍测试与改进
heroui-native-skill
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.
polish
paulbryantbaker-art
Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great.
browser-automation
youlianvr
Drive browsers and desktop GUIs — choose the right tool for the job. Covers agent-browser (standalone CDP), browser-skill (user's real browser via bsk), and computer-use (desktop GUI via cua-driver). Use when interacting with websites, web apps, native apps, or the desktop.
accessibility
davila7
Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
vivipractice
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
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.
ui-ux-pro-max
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
kunhai-88
"创建卓越的用户体验设计，包含用户研究、信息架构、交互设计、可用性评估。当用户需要设计界面、优化用户体验、进行可用性分析、创建用户流程、设计交互原型，或提到「ux」「用户体验」「交互设计」「可用性」「用户研究」时使用。产出专业、有洞察力的 UX 设计方案，避免通用化设计。"
accessibility
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
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
arielperez82
Audit and improve web accessibility following WCAG 2.1 guidelines. Use
wcag-checker
r1ckrck
Audit a Figma component for WCAG 2.1 Level AA accessibility compliance
UX QA & A11y Reviewer
anorbert-cmyk
UX QA and Accessibility Reviewer catching inconsistencies, edge cases, and accessibility regressions.
swiftui-development
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 诊断, 崩溃符号化
chakra-ui-refactor
chakra-ui
Review, convert, and improve UI code using Chakra UI v3. Use this skill whenever a user wants to review Chakra UI code for issues, convert plain HTML/CSS, Tailwind, CSS Modules, or styled-components to Chakra UI, clean up messy Chakra components, fix layout structure or token usage, or asks anything like "is this correct", "what's wrong with this", "review my component", "refactor this", "clean up", "convert", or "chakra-ify this" — even without the words "review" or "refactor". Trigger on any request to check, improve, or convert Chakra UI code, however casually phrased.
aesthetic
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
artivilla
Review UI code against Rauno Freiberg's interface guidelines. Use when checking interactivity, typography, motion, touch, optimizations, accessibility, and design details.
teachback
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
Rimblehelm
Defines recommended UI/UX patterns, layout strategies, styling conventions, accessibility rules, and performance guidelines for .NET MAUI applications.
css
cuioss
Modern CSS standards covering native nesting, cascade layers, Container Queries, custom properties, responsive design, accessibility, and PostCSS/Stylelint tooling
port-daddy-user-surrogate-pm-review
curiositech
"Review in-flight or finished work AS Erich would — the user/PM surrogate for the Port Daddy program. Use before declaring a task done, before opening/landing a PR, or when an agent wants a sanity gate on its own output. It encodes Erich's standing bar (no Potemkin/hollow features, honest 'live vs needs-your-hands' status, no quiet scope-simplification, real validation evidence, coordination-via-PD, font/accessibility floor, bespoke-blog mandate) and turns it into a pass/block verdict with concrete fixes. NOT a code-correctness linter (use /code-review and redteam-review for bugs). Private to the port-daddy repo — do not publish to public skill catalogs."
webmcp-gen
vercel-labs
Build and validate experimental WebMCP tools for an existing web page. Use when an agent needs to expose a site's real workflows as page tools, create webmcp.init.js, define deterministic checks, or compare WebMCP with accessibility-tree automation.
accessibility-audit
rampstackco
"Run a comprehensive WCAG accessibility audit covering perceivable, operable, understandable, and robust principles. Use this skill whenever the user wants to audit accessibility, review WCAG compliance, fix accessibility issues, prepare for accessibility certification, address an accessibility lawsuit risk, or systematically improve a site's accessibility. Triggers on accessibility audit, WCAG audit, a11y audit, accessibility compliance, ADA compliance, screen reader test, keyboard navigation, accessibility report, fix accessibility, axe scan. Also triggers when accessibility issues have been reported and need systematic remediation."
playwright-ui-testing
Hack23
Playwright browser automation, visual regression testing, accessibility testing, and E2E workflow validation for CIA platform