带有标签“无障碍”的 Skills

accessibility-compliance - 实现符合 WCAG 2.2 标准的无障碍用户界面
无障碍 wcag aria react
★ 1 · 更新于 2026-09-24
实现符合 WCAG 2.2 标准的界面，支持移动端无障碍、包容性设计模式及辅助技术。
⚙ 实现 WCAG 2.2 合规标准 ⚙ 构建支持屏幕阅读器的界面 ⚙ 为交互组件添加键盘导航
impeccable - 设计、精修、评审与优化前端界面。
前端 UI设计 UX评审设计系统
★ 0 · 更新于 2026-09-24
提供用于设计、规划、评审、审计、精修与优化 Web 及原生前端界面的工具与工作流。
⚙ 在编码前规划 UX 和 UI ⚙ 在 PRODUCT.md 中记录产品上下文 ⚙ 从现有代码生成 DESIGN.md
accessibility-compliance - 无障碍合规性
无障碍 WCAG 2.2 ARIA 屏幕阅读器
★ 0 · 更新于 2026-09-24
实现符合 WCAG 2.2 标准的界面，支持移动端无障碍、包容性设计模式及辅助技术。
⚙ 实现 WCAG 2.2 准则 ⚙ 构建屏幕阅读器可访问界面 ⚙ 添加键盘导航功能
impeccable - 设计与改进前端用户界面。
前端 UI设计 UX审查设计系统
★ 0 · 更新于 2026-09-24
提供一套工具与指南，用于设计、审查、审计、精简与优化各类前端用户界面。
⚙ 规划用户体验与界面 ⚙ 从代码生成设计文档 ⚙ 提取可复用设计令牌
impeccable - 设计、审计与精化前端用户界面。
前端 UI设计 UX 设计系统
★ 0 · 更新于 2026-09-24
在 Web 和原生平台上设计、审计、精炼与优化前端用户界面及设计系统。
⚙ 规划 UX 与 UI ⚙ 生成设计文档 ⚙ 提取可复用设计 Token
accessibility-audit - Web 组件无障碍审计技能
无障碍 a11y wcag 审计
★ 0 · 更新于 2026-09-23
对 Web 组件和应用程序进行全面的 WCAG 无障碍审计。
⚙ 运行自动化无障碍审计 ⚙ 检查 WCAG 2.2 合规性 ⚙ 验证颜色对比度
impeccable - 前端界面设计与 UI/UX 优化工具集
前端 UI设计 UX设计设计系统
★ 1 · 更新于 2026-09-23
提供前端界面设计、审查、打磨与优化功能，覆盖设计系统、布局排版及视觉交互。
⚙ 在编码前规划 UX 和 UI ⚙ 生成产品与设计文档 ⚙ 提取可复用的设计 Token
impeccable - 设计、评估、精修与优化前端用户界面。
前端 UI设计 UX审查设计系统
★ 0 · 更新于 2026-09-23
提供前端界面设计、重构、评估审查、视觉精修及设计系统组件提取等功能。
⚙ 设计前端用户界面 ⚙ 规划界面与用户体验 ⚙ 审计无障碍与前端性能
web-design-reviewer - 视觉检查并修复网页设计问题。
网页设计 UI审查视觉检查 CSS
★ 0 · 更新于 2026-09-23
视觉检查本地或远程网站以识别布局、响应式、可访问性和视觉问题，并在源代码中进行修复。
⚙ 导航网页 ⚙ 截取页面截图 ⚙ 分析图像视觉问题
ios-simulator-skill - iOS 应用测试与模拟器自动化
ios 模拟器测试自动化
★ 650 · 更新于 2026-09-23
提供22个用于iOS应用构建、测试、无障碍审计、UI导航和模拟器生命周期管理的脚本。
⚙ 构建 Xcode 项目 ⚙ 监控应用日志 ⚙ 分析屏幕元素
moai-icons-vector - 矢量图标库企业级指南
图标矢量图标 React SVG
★ 650 · 更新于 2026-09-23
涵盖 10+ 矢量图标库指南、React 实现模式、无障碍规范与打包体积优化策略。
⚙ 选择矢量图标库 ⚙ 实现 React 图标组件 ⚙ 创建类型安全的图标按钮
ui-visual-validator - UI视觉验证与无障碍检查。
UI测试视觉验证设计系统无障碍
★ 18 · 更新于 2026-09-22
通过系统化视觉分析验证UI修改、设计系统合规性及无障碍标准。
⚙ 分析UI截图 ⚙ 检测视觉差异 ⚙ 验证跨浏览器一致性
better-interface - 将界面作为一个整体系统进行审查
界面审查 UI审计设计系统无障碍
★ 9 · 更新于 2026-09-22
协调六项领域技能，对界面的可访问性、布局、文案、排版、色彩与 UI 进行综合与跨学科审查。
⚙ 确定审查范围与模式 ⚙ 识别框架与设计规范 ⚙ 协调各领域设计审查
ui-styling - 使用 shadcn/ui 和 Tailwind CSS 构建无障碍用户界面
UI样式 shadcn-ui tailwind-css radix-ui
★ 0 · 更新于 2026-09-22
提供用于构建无障碍响应式用户界面和设计系统的组件、实用类样式及 Canvas 视觉设计模式。
⚙ 安装 shadcn/ui 组件 ⚙ 使用 Tailwind CSS 设置界面样式 ⚙ 构建移动优先的响应式布局
data-visualization - 数据可视化指南与图表选择规范
数据可视化图表设计仪表板无障碍
★ 1 · 更新于 2026-09-21
提供图表选择、配色无障碍、标注、仪表板布局及数据展示易读性的指导规范。
⚙ 根据数据关系选择图表类型 ⚙ 应用无障碍配色方案 ⚙ 在图表上标注关键洞察
performance-security - React 应用性能、无障碍与安全加固模式
react 性能优化无障碍安全
★ 18 · 更新于 2026-09-21
涵盖 React 代码分割、编译器优化、资源处理、无障碍测试及安全加固的最佳实践指南。
⚙ 实现路由级代码分割 ⚙ 优化 React 编译器性能 ⚙ 优化图片与静态资源
design-taste - 面向 Web 界面的前端设计品味与工程打磨
UI设计前端 CSS 排版
★ 58 · 更新于 2026-09-20
运用前端设计工程原则、设计规则、动态微交互及反模式检测，构建、审查与打磨 Web 用户界面。
⚙ 设计 Web 界面 ⚙ 审查 UI 代码 ⚙ 打磨样式与动效
react-native-patterns - React Native 组件与交互设计模式指南
react-native 移动端组件无障碍
★ 650 · 更新于 2026-09-20
提供 React Native 组件与交互模式指南，涵盖 Pressable、FlashList、底部弹窗、无障碍设置、expo-image 与 Expo Router 路由导航。
⚙ 实现 Pressable 触摸目标 ⚙ 使用 Text 包裹文本字符串 ⚙ 配置 ScrollView 容器
designing-component-systems - 组件系统设计
UI组件设计系统组件API 主题化
★ 1 · 更新于 2026-09-20
构建可复用、可访问、解耦框架且支持主题化的 UI 组件与规范 API。
⚙ 构建可复用 UI 组件 ⚙ 设计可组合的组件 API ⚙ 定义 UI 状态所有权
framer-motion-animations - Framer Motion 动画实现
framer-motion react 动画前端
★ 650 · 更新于 2026-09-20
使用 Framer Motion 实现滚动触发、入场及交错列表动画，并支持无障碍减弱动画。
⚙ 创建滚动触发渐显动画 ⚙ 实现元素入场动画 ⚙ 创建交错列表动画

Scroll to load more