搜索
搜索结果
165 results for "accessibility"
accessibility
Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA
affaan-m
fixing-accessibility
审计并修复HTML可访问性问题，包括ARIA标签、键盘导航、焦点管理、颜色对比度和表单错误。在添加交互控件、表单、对话框或审查WCAG合规性时使用。
ibelick
better-accessibility
Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers. Use when building or reviewing UI components, modals, menus, forms, custom widgets, or when the user says "make this accessible" or reports keyboard or screen-reader issues. Triggers on accessibility, a11y, WCAG, aria, focus ring, focus-visible, focus trap, keyboard navigation, tab order, tabindex, screen reader, sr-only, aria-live, alt text, hit area, touch target, prefers-reduced-motion, autoplay, toast duration, skip link, semantic HTML, aria-label, form errors, disabled buttons, "not keyboard accessible".
jakubkrehel
ios-accessibility
Build and audit SwiftUI, UIKit, and AppKit accessibility for VoiceOver, Voice Control, Switch Control, Full Keyboard Access, Dynamic Type, focus restoration, labels/traits/actions, traversal, custom rotors, NSAccessibility, XCTest checks, adaptive system preferences, and App Store accessibility declarations. Use when implementing accessible UI, fixing an accessibility audit, testing assistive-technology behavior, or substantiating App Store Accessibility Nutrition Labels.
dpearson2699
pixijs-accessibility
Use this skill when adding screen reader and keyboard navigation to PixiJS v8 apps. Covers AccessibilitySystem options (enabledByDefault, debug, activateOnTab, deactivateOnMouseMove), per-container accessibility properties, shadow DOM overlay, mobile touch-hook activation. Triggers on: accessibility, a11y, screen reader, ARIA, keyboard navigation, tab order, AccessibilitySystem, accessibleTitle, accessibleHint, tabIndex, accessibleChildren.
pixijs
accessibility-a11y
Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.
mindrallymotion-foundations
Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react. Foundation layer — all other motion skills depend on this.
affaan-mangular-developer
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.
affaan-mhealthcare-emr-patterns
EMR/EHR development patterns for healthcare applications. Clinical safety, encounter workflows, prescription generation, clinical decision support integration, and accessibility-first UI for medical data entry.
affaan-mflutter-dart-code-review
Library-agnostic Flutter/Dart code review checklist covering widget best practices, state management patterns (BLoC, Riverpod, Provider, GetX, MobX, Signals), Dart idioms, performance, accessibility, security, and clean architecture.
affaan-m
frontend-code-review
Review Dify frontend code for correctness, accessibility, component design, dify-ui usage, data/query boundaries, performance, and tests. Trigger for `.tsx`, `.ts`, `.js`, UI, React, Next.js, pending-change, or focused frontend review requests.
langgenius
angular-developer
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.
angular
ui-ux-pro-max
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
nextlevelbuilder
web-design-guidelines
Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.
nexu-io
frontend-ui-engineering
构建生产级质量、可访问、响应式的面向用户界面。在构建或修改界面和页面、创建组件、实现布局、满足 WCAG 可访问性要求、管理状态，或当输出需要看起来是生产级质量而非 AI 生成时使用。
addyosmani
ui-ux-designer
Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.
sickn33
impeccable
当用户想要设计、重新设计、塑造、评审、审计、打磨、澄清、提炼、加固、优化、适配、添加动画、着色、提取或以其他方式改进前端界面时使用。涵盖网站、落地页、仪表盘、产品UI、应用外壳、组件、表单、设置、引导流程和空状态。处理UX评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、排版、字体、间距、布局、对齐、颜色、动效、微交互、UX文案、错误状态、边界情况、国际化以及可复用的设计系统或令牌。也适用于需要更大胆或更令人愉悦的平淡设计、需要更安静的大声设计、对UI元素进行实时浏览器迭代，或追求技术上非凡的视觉效果。不适用于纯后端或非UI任务。
pbakaus
web-coder
Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. Use when working with HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, web security, performance optimization, accessibility, or any web/internet concepts. Specializes in translating web terminology accurately and implementing modern web standards across frontend and backend development.
githubscoutqa-test
当用户要求“测试这个网站”、“运行探索性测试”、“检查可访问性问题”、“验证登录流程是否正常”、“在此页面查找错误”或请求自动化QA测试时，应使用此技能。它会在Web应用测试场景下触发，包括冒烟测试、可访问性审计、电商流程以及使用ScoutQA CLI的用户流程验证。在实现Web应用功能后，主动使用此技能来验证功能是否正常工作。
githubpenpot-uiux-design
使用 MCP 工具在 Penpot 中创建专业 UI/UX 设计的综合指南。适用场景：(1) 为 Web、移动或桌面应用创建新的 UI/UX 设计；(2) 使用组件和设计令牌构建设计系统；(3) 设计仪表盘、表单、导航或落地页；(4) 应用无障碍标准和最佳实践；(5) 遵循平台指南（iOS、Android、Material Design）；(6) 审查或改进现有 Penpot 设计的可用性。触发词：“设计 UI”、“创建界面”、“构建布局”、“设计仪表盘”、“创建表单”、“设计落地页”、“使其无障碍”、“设计系统”、“组件库”。
githubweb-design-reviewer
This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website design", "check the UI", "fix the layout", "find design problems". Detects issues with responsive design, accessibility, visual consistency, and layout breakage, then performs fixes at the source code level.
github
web-design-guidelines
审查UI代码是否符合Web界面指南。当用户要求“审查我的UI”、“检查可访问性”、“审计设计”、“审查用户体验”或“对照最佳实践检查我的网站”时使用。
vercel-labs
computer-use
使用 Orca 的 computer-use CLI 通过无障碍树、截图和安全的 UI 操作来检查和操作本地桌面应用窗口。用于桌面应用交互：列出应用/窗口、获取应用状态、读取可见 UI、点击控件、输入文本、按键、滚动、拖拽、设置值或执行无障碍操作。也用于浏览器窗口、WebView、Orca 应用 UI 或其他桌面 UI。触发词包括“computer use”、“orca computer”、“read Spotify”、“read Slack”、“control/click/read in a desktop app”和“get app state”。
stablyai
react-doctor
在完成功能、修复错误、提交 React 代码之前，或当用户输入 `/doctor`、要求扫描、分类或清理 React 诊断时使用。涵盖 lint、可访问性、包体积、架构。包括回归检查以及获取规范手册的完整本地分类工作流。
millionco