搜索「Accessibility」的结果

io.github.paperclipai/paperclip/design-critique

给出结构化的产品设计评审——用户任务清晰度、层次结构、可供性、错误状态、可访问性与一致性——聚焦要改什么、按什么顺序改以及为什么这样改。

io.github.microsoft/fluentui/review-pr

从正确性、模式合规、测试、无障碍与安全性审阅 PR。给出可合并就绪的置信度评分。

io.github.cursor/plugins/control-ui

构建或改造本地浏览器/CDP 测试装置，驱动并检查 Web、IDE 或 Electron UI。用于本地 UI 验证、截图、无障碍快照、性能剖析、视觉回归对比或复现 UI 缺陷。

io.github.majiayu000/claude-skill-registry-data/css-coder

强调 Web 标准、无障碍与性能的 CSS 编写指导。在编写、审查或重构 CSS 时使用。提供以原生 CSS 优先于框架、语义化结构与可维护代码为核心的模式、片段与约定。具体模式与片段参见 references/patterns.md。

io.github.HKUDS/CLI-Anything/cli-anything-macrocli

当 agent 想通过 MacroCLI 定义、列出、检视或执行 GUI 宏时使用。宏是参数化、可从 CLI 调用的工作流——agent 执行 macro run <name>,系统负责后端路由(插件、文件转换、无障碍、编译后的 GUI 回放)。

io.github.HKUDS/CLI-Anything/skills

当 agent 想通过 MacroCLI 定义、列出、检视或执行 GUI 宏时使用。宏是参数化、可从 CLI 调用的工作流——agent 执行 macro run <name>,系统负责后端路由(插件、文件转换、无障碍、编译后的 GUI 回放)。

io.github.majiayu000/claude-skill-registry-data/css-standards

Oh My Brand! 主题的 CSS 编码标准：BEM 方法论、自定义属性、theme.json 集成、响应式设计与无障碍。在为区块、模板或组件编写样式时使用。

io.github.fossasia/eventyay/frontend-ui

面向 Django 模板与 Vue 组件的前端 UI 实现、无障碍与响应式检查

io.github.NeverSight/learn-skills.dev/web-animation-css-animations

CSS 动画模式——过渡、keyframes、滚动驱动动画、@property、GPU 加速属性，以及基于 prefers-reduced-motion 的可访问性。

io.github.Lionad-Morotar/local-tools/css-audit

深度 CSS 质量审计，按 0-10 分对架构、特异性、冗余、无障碍、性能与现代性打分，标记反模式并生成按优先级排列的修复计划。只出报告不改代码。当用户要求 CSS 审计、CSS 评审、样式表质量检查、CSS 健康检查或 CSS 评分时使用。

io.github.Lionad-Morotar/local-tools/css-a11y

CSS 无障碍审计与修复。检查 focus-visible 样式、减弱动态效果支持、对比度偏好、forced-colors 模式、visually-hidden 模式、触控目标尺寸、颜色对比度比值、仅靠颜色区分的指示器、跳转链接与阅读顺序。在审计无障碍、修复 a11y 问题、添加焦点样式、支持 reduced motion、提升对比度或让 CSS 更无障碍时使用。

io.github.baptisteArno/typebot.io/web-animation-design

设计并实现自然且恰到好处的 Web 动画。当用户问到动画、运动、easing、时序、时长、spring、过渡或动画性能相关问题时主动使用。包括如何为特定 UI 元素做动画、该用哪种 easing、动画最佳实践，或动效的无障碍考量。触发词：easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring 物理、keyframes、transform、opacity、fade、slide、scale、hover 效果、微交互、Framer Motion、React Spring、GSAP、CSS transitions、进出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、modal/dropdown/tooltip/popover/drawer 动画、手势动画、拖拽交互、按钮按压感、显得卡顿、变顺滑。

io.github.petenelson/wp-rest-api-log/10up-css

WordPress 项目的 CSS 架构、最佳实践与设计模式。涵盖 ITCSS 方法论、可访问性、优先级（specificity）治理、命名规范以及现代 CSS 特性。

io.github.revfactory/harness-100/mobile-ux-patterns

移动 UX 设计模式库。作为 ux-designer 的扩展技能，提供 iOS HIG/Material Design 3 指南、导航模式、手势交互、响应式布局和无障碍检查清单。用于“移动 UX”“iOS 指南”“Material Design”“导航模式”“手势”“设计令牌”“移动无障碍”等移动端 UI/UX 设计请求。但实际设计文件创建或代码实现不在本技能范围内。

io.github.agents-inc/skills/web-animation-css-animations

CSS 动画模式——过渡、keyframes、滚动驱动动画、@property、GPU 加速属性，以及基于 prefers-reduced-motion 的可访问性。

io.github.agents-inc/skills/web-animation-css-animations

CSS 动画模式——过渡、keyframes、滚动驱动动画、@property、GPU 加速属性，以及基于 prefers-reduced-motion 的可访问性。

io.github.anthropics/knowledge-work-plugins/design-system

审计、记录或扩展你的设计系统。用于检查组件间命名不一致或硬编码值、撰写组件的变体/状态/无障碍说明文档，或设计契合现有系统的新模式。

io.github.ECNU-ICALK/AutoSkill/react-code-refactoring-with-eslint-rules

根据用户提供的具体 ESLint 规则或文档重构 React 代码片段，优先采用精简实现与兼顾无障碍的统一事件处理器。

io.github.MemTensor/MemOS/browserwing-executor

通过 HTTP API 控制浏览器自动化。支持页面导航、元素交互（点击、输入、选择）、数据提取、可访问性快照分析、截图、执行 JavaScript 与批量操作。

io.github.getsentry/sentry/react-component-documentation

按 Sentry 的 MDX stories 格式创建或更新组件文档。当被要求“document a component”“add stories”“write component docs”“create an mdx file”“add a stories.mdx”，或为设计系统组件编写文档时使用。生成结构化 MDX，包含实时示例、无障碍指引，以及由 TypeScript 类型自动生成的 API 文档。

io.github.vercel-labs/open-agents/web-animation-design

设计并实现自然而有目的感的 Web 动画。当用户询问动画、motion、缓动、时序、时长、弹簧、过渡或动画性能问题时，主动使用本技能。包括：如何为特定 UI 元素做动画、该用什么缓动、动画最佳实践，以及动效的无障碍考量。触发词：easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring physics、keyframes、transform、opacity、fade、slide、scale、hover effects、microinteractions、Framer Motion、React Spring、GSAP、CSS transitions、入场/出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、弹窗/下拉/提示气泡/抽屉动画、手势动画、拖拽交互、按钮按压手感、感觉卡顿、想要顺滑效果。

io.github.microsoft/skills/frontend-design-review

评审并产出高品质、符合设计系统规范的生产级前端界面。以三大支柱评估：从洞察到行动的零摩擦、工艺质量、可信构建。适用：PR 评审、设计评审、无障碍审计、设计系统合规检查、富有创意的前端设计、UI 代码评审、组件评审、响应式检查、主题测试，以及打造令人难忘的 UI。不适用：后端 API 评审、数据库表结构评审、基础设施或 DevOps 工作、不含 UI 的纯业务逻辑，以及非前端代码。

io.github.ComposioHQ/awesome-claude-plugins/senior-frontend

面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。在构建 React 组件、优化 Next.js 性能、分析 bundle 体积、搭建前端项目、实现无障碍或审查前端代码质量时使用。

io.github.github/awesome-copilot/penpot-uiux-design

使用 MCP 工具在 Penpot 中创建专业 UI/UX 设计的完整指南。适用场景：(1) 为 Web、移动或桌面应用创建新的 UI/UX 设计；(2) 构建含组件与设计令牌的设计系统；(3) 设计仪表盘、表单、导航或落地页；(4) 应用无障碍标准与最佳实践；(5) 遵循平台规范（iOS、Android、Material Design）；(6) 评审或改进现有 Penpot 设计的可用性。触发语包括"design a UI"、"create interface"、"build layout"、"design dashboard"、"create form"、"design landing page"、"make it accessible"、"design system"、"component library"。