AI Skills

搜索

搜索结果

244 results for "accessibility"

accessibility

accessibility

239Kdesign-ui

Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA

affaan-m avataraffaan-m
获取
accessibility

accessibility

232Kdesign-ui

使用 WCAG 2.2 Level AA 标准设计、实现和审计包容性数字产品。利用此技能为 Web 生成语义 ARIA，为 Web 和原生平台（iOS/Android）生成无障碍特性。

affaan-m avataraffaan-m
获取
fixing-accessibility

fixing-accessibility

3.5Kcode-generation

审计并修复HTML可访问性问题，包括ARIA标签、键盘导航、焦点管理、颜色对比度和表单错误。在添加交互控件、表单、对话框或审查WCAG合规性时使用。

ibelick avataribelick
获取
better-accessibility

better-accessibility

2.4Kdesign-ui

适用于产品界面的无障碍工程规范（Accessibility），涵盖焦点状态、键盘导航支持、ARIA 属性、表单交互及屏幕阅读器适配。当构建或审查 UI 组件、弹窗（modals）、菜单、表单、自定义控件，或者用户提出“做一下无障碍适配/无障碍优化”、反馈键盘导航或屏幕阅读器问题时使用。触发词包含 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 avatarjakubkrehel
获取
experience-lwc-accessibility-validate

experience-lwc-accessibility-validate

979frontend

Use this skill to determine whether a Lightning Web Component (LWC) is accessible and meets WCAG accessibility guidelines. TRIGGER when the user asks \"is my component accessible?\", \"does my LWC meet accessibility guidelines?\", \"is this component WCAG compliant?\", \"find accessibility problems in this LWC\", \"is this LWC keyboard accessible?\", \"does this component work with a screen reader?\", \"does this component have sufficient color contrast?\", \"check ARIA usage in this LWC\", or \"WCAG 2.2 accessibility check\". Also TRIGGER when the user wants to fix or improve accessibility (a11y, WCAG, ARIA) in an LWC's HTML, JS, or CSS — semantic markup, focus, keyboard nav, contrast, screen-reader labels, WCAG 2.2 SC. Produces `a11y-review.md` with WCAG-cited findings. DO NOT TRIGGER for general LWC generation (use `experience-lwc-generate`) or SLDS visual/design review not focused on accessibility (use `design-systems-slds-validate`).

forcedotcom avatarforcedotcom
获取
ios-accessibility

ios-accessibility

922design-ui

构建和审计 SwiftUI、UIKit 和 AppKit 的无障碍功能，涵盖 VoiceOver、语音控制、开关控制、全键盘访问、动态类型、焦点恢复、标签/特征/操作、遍历、自定义转子、NSAccessibility、XCTest 检查、自适应系统偏好以及 App Store 无障碍声明。在实现无障碍 UI、修复无障碍审计问题、测试辅助技术行为或为 App Store 无障碍营养标签提供依据时使用。

dpearson2699 avatardpearson2699
获取
pixijs-accessibility

pixijs-accessibility

293testing-qa

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 avatarpixijs
获取
accessibility-a11y

accessibility-a11y

208design-ui

遵循 WCAG 指南实施 Web 无障碍（a11y）最佳实践，以创建包容、无障碍的用户界面。

mindrally avatarmindrally
获取
capacitor-accessibility

capacitor-accessibility

71design-ui

Accessibility guide for Capacitor apps covering screen readers, semantic HTML, focus management, and WCAG compliance. Use this skill when users need to make their app accessible.

cap-go avatarcap-go
获取
wcag-accessibility-audit

wcag-accessibility-audit

52design-ui

Comprehensive web accessibility audit using WCAG 2.1/2.2 guidelines. Evaluate compliance across 4 POUR principles (Perceivable, Operable, Understandable, Robust) with A, AA, AAA conformance levels.

mastepanoski avatarmastepanoski
获取
frontend-a11y

frontend-a11y

240Kfrontend

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building any interactive UI component or form.

affaan-m avataraffaan-m
获取
motion-foundations

motion-foundations

240Kfrontend

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. Use when setting up motion tokens, spring presets, reduced-motion handling, or SSR-safe animation in React or Next.js.

affaan-m avataraffaan-m
获取
angular-developer

angular-developer

240Kfrontend

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-m avataraffaan-m
获取
flutter-dart-code-review

flutter-dart-code-review

239Ktesting-qa

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 avataraffaan-m
获取
healthcare-emr-patterns

healthcare-emr-patterns

239Kdesign-ui

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-m avataraffaan-m
获取
motion-foundations

motion-foundations

237Kfrontend

基于 motion/react 实现 React / Next.js 的动效 Token、弹簧预设、性能规范、设备适配、无障碍强制约束及 SSR 水合安全保障。这是动效系统的底层基石——所有其他 Motion Skill 均依赖此技能。

affaan-m avataraffaan-m
获取
angular-developer

angular-developer

237Kfrontend

生成 Angular 代码并提供架构指导。在创建项目、组件或服务时触发，或在寻求响应式机制（signals、linkedSignal、resource）、表单、依赖注入、路由、SSR、无障碍访问（ARIA）、动画、样式（组件样式、Tailwind CSS）、测试或 CLI 工具链的最佳实践时使用。

affaan-m avataraffaan-m
获取
healthcare-emr-patterns

healthcare-emr-patterns

231Kdesign-ui

用于医疗应用的EMR/EHR开发模式。临床安全、就诊工作流程、处方生成、临床决策支持集成以及面向无障碍的医疗数据录入UI。

affaan-m avataraffaan-m
获取
flutter-dart-code-review

flutter-dart-code-review

231Ktesting-qa

与库无关的 Flutter/Dart 代码审查清单，涵盖 Widget 最佳实践、状态管理模式（BLoC、Riverpod、Provider、GetX、MobX、Signals）、Dart 惯用法、性能、无障碍、安全性和整洁架构。

affaan-m avataraffaan-m
获取
frontend-code-review

frontend-code-review

149Kfrontend

审查 Dify 前端代码的正确性、可访问性、组件设计、dify-ui 使用、数据/查询边界、性能和测试。触发条件为 `.tsx`、`.ts`、`.js`、UI、React、Next.js、待变更或聚焦前端审查请求。

langgenius avatarlanggenius
获取
angular-developer

angular-developer

101Kcode-generation

生成 Angular 代码并提供架构指导。在创建项目、组件或服务时，或针对响应式（信号、linkedSignal、resource）、表单、依赖注入、路由、SSR、无障碍（ARIA）、动画、样式（组件样式、Tailwind CSS）、测试或 CLI 工具的最佳实践时触发。

angular avatarangular
获取
ui-ux-pro-max

ui-ux-pro-max

91Kdesign-ui

适用于 Web 与移动端的 UI/UX 设计智囊。内置 50+ 种设计风格、161 种调色板、57 种字体搭配、161 种产品类型、99 条 UX 指南及 25 种图表类型，覆盖 10 大技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui 和 HTML/CSS）。操作指令包含：UI/UX 代码的规划、构建、创建、设计、实现、评审、修复、改进、优化、增强、重构和检查。适用项目：网站、落地页、仪表盘、后台管理面板、电商、SaaS、作品集、博客与移动 App。界面元素：按钮、弹窗、导航栏、侧边栏、卡片、表格、表单和图表。设计风格：玻璃拟态 (glassmorphism)、黏土拟态 (claymorphism)、极简主义 (minimalism)、新丑风 (brutalism)、新拟物 (neumorphism)、便当盒布局 (bento grid)、暗黑模式 (dark mode)、响应式 (responsive)、拟物化 (skeuomorphism) 与扁平化设计 (flat design)。核心主题：色彩系统、无障碍访问 (a11y)、动效、布局、排版、字体搭配、间距、交互状态、阴影与渐变。生态集成：集成 shadcn/ui MCP，支持组件检索与示例查阅。

nextlevelbuilder avatarnextlevelbuilder
获取
color-expert

color-expert

84Kagent-workflows

色彩科学专家 Skill，内置 28 万字参考资料，涵盖 OKLCH/OKLAB 色彩模型、调色板生成、无障碍与对比度校验、色彩命名、颜料调色以及经典色彩理论等内容。

nexu-io avatarnexu-io
获取
web-design-guidelines

web-design-guidelines

82Kdesign-ui

审查 UI 代码是否符合 Vercel 工程团队制定的 Web 界面指南。涵盖产品 UI 的布局、排版、色彩、动效和可访问性。

nexu-io avatarnexu-io
获取