使用输入“无障碍要求”的 Skills

gamut-accessibility - 应用 Gamut 组件无障碍模式
无障碍 WCAG Gamut ARIA
★ 90 · 更新于 2026-10-16
为 Gamut 组件、覆盖层和复合控件实现或审查无障碍，并根据组件模式检查 WCAG 使用情况。
⚙ 实现 Gamut 无障碍支持 ⚙ 审查组件的 WCAG 使用 ⚙ 应用键盘导航模式
anim - 设计克制且无障碍的网页界面动画
网页动画界面动效 CSS 动画 React 动画
★ 382 · 更新于 2026-10-16
指导使用 CSS、Web API 或 React 设计和审查交互、过渡、加载状态及内容展现等克制的界面动画。
⚙ 定义有目的的动效 ⚙ 选择动画时长 ⚙ 应用缓动曲线
radix-ui-design-system - 构建无障碍 Radix UI 设计系统
Radix UI React 设计系统无障碍
★ 3 · 更新于 2026-10-15
指导使用 Radix UI 原语、主题策略和可组合组件模式创建可访问且可定制的设计系统。
⚙ 设计无障碍组件系统 ⚙ 组合 Radix UI 原语 ⚙ 定制无样式组件
ui-design - 设计并构建有特色的生产级前端界面。
前端界面设计响应式设计设计系统
★ 0 · 更新于 2026-10-05
指导前端界面从了解项目背景、确定视觉方向到实现、响应式测试和生产级打磨。
⚙ 了解项目背景 ⚙ 收集设计参考 ⚙ 确定视觉方向
Web Design Builder - 构建并验证无障碍响应式网页设计
网页设计 HTML5 JavaScript 响应式设计
★ 666 · 更新于 2026-10-03
创建或重构 HTML5 和 JavaScript 网页设计，并在可用时使用 Playwright MCP 验证无障碍性与功能。
⚙ 生成 HTML5 网页设计 ⚙ 重构 HTML/CSS/JavaScript 代码 ⚙ 创建响应式布局
product-frontend-design - 设计与评审有辨识度的产品前端
前端设计产品设计网页设计 SaaS
★ 666 · 更新于 2026-10-02
通过澄清产品信息、优化层级并实现有辨识度的前端体验，评审和设计 SaaS、营销及产品界面。
⚙ 澄清产品价值 ⚙ 定义受众与目的 ⚙ 改写含糊营销文案
awesome-react-animations - 构建流畅且由合成器驱动的 React 动画
React Next.js 动画性能
★ 0 · 更新于 2026-09-28
指导 React 和 Next.js 动画的实现、审查与修复，以保持流畅性能、合成器友好动效并支持减少动态效果。
⚙ 将逐帧值移出 React 状态 ⚙ 使用 transform 和 opacity 动画 ⚙ 使用 Framer Motion 原语
ui-ux-designer - UI/UX 设计系统与无障碍设计
ui设计 ux设计设计系统无障碍设计
★ 36 · 更新于 2026-06-15
创建界面设计、线框图和设计系统，专注于无障碍设计和用户研究
⚙ 创建界面设计 ⚙ 设计线框图 ⚙ 构建设计系统
web-design - 网页设计与界面实现
网页设计前端用户界面界面设计
★ 24 · 更新于 2026-03-10
设计和实现独特、生产就绪的网页界面，具有强烈的审美导向。
⚙ 创建网页 ⚙ 设计组件 ⚙ 实现界面
designing-android-interfaces - 使用Material Design 3和Jetpack Compose构建Android界面
Android开发界面设计 Jetpack Compose Material Design
★ 0 · 更新于 2026-02-23
使用Material Design 3和Jetpack Compose设计和实现Android用户界面
⚙ 创建Android界面 ⚙ 实现Compose布局 ⚙ 应用Material Design设计规范