LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

使用该输入的 Skills：UI组件

浏览使用该输入的技能列表。

  • visual-emphasis-and-hierarchy - 清晰UI设计的视觉层级
    视觉层级UI强调按钮设计行动号召设计

    ★ 650 · 更新于 2026-06-30

    设计具有清晰视觉强调和层级的UI组件，引导用户注意力

    ⚙ 创建视觉层级⚙ 设计按钮组⚙ 应用尺寸强调
  • accessibility - Web无障碍合规性
    Web无障碍WCAG合规ARIA屏幕阅读器

    ★ 22 · 更新于 2026-06-15

    实现符合WCAG 2.1/2.2标准的Web界面无障碍模式

    ⚙ 审计UI无障碍性⚙ 实现键盘导航⚙ 添加ARIA属性
  • web-design-guidelines - Web设计最佳实践与无障碍指南
    可访问性响应式设计颜色对比度Web性能

    ★ 27 · 更新于 2026-06-15

    Web设计最佳实践指南，包括可访问性、响应式布局和颜色对比

    ⚙ 审核UI可访问性合规性⚙ 检查颜色对比度⚙ 验证响应式布局
  • design-guide - 现代UI设计指南
    UI设计设计系统前端开发CSS

    ★ 0 · 更新于 2026-05-28

    应用现代UI设计原则和指南，为各类前端框架构建简洁、专业的界面

    ⚙ 应用设计原则⚙ 定义颜色系统⚙ 设置间距系统
  • robis-design-best-practice - Robi UI设计最佳实践
    ui设计可访问性色彩理论间距系统

    ★ 0 · 更新于 2026-03-26

    应用UI设计原则构建可访问界面

    ⚙ 选择颜色⚙ 设置间距⚙ 配置边框半径
  • always-works-testing - 确认前的强制代码执行测试
    测试验证代码质量执行

    ★ 650 · 更新于 2026-03-09

    通过强制执行验证确保代码实际工作后再向用户确认

    ⚙ 执行代码⚙ 验证输出⚙ 检查错误
  • tryramadan-accessibility - TryRamadan应用可访问性(a11y)实施指南
    可访问性a11y前端开发测试

    ★ 1 · 更新于 2026-02-14

    通过跳过链接、焦点可见性、aria-live、RTL支持和axe-core测试，确保TryRamadan应用对键盘和屏幕阅读器用户的可访问性。

    ⚙ 添加跳过链接⚙ 确保焦点可见性⚙ 为动态内容添加aria-live属性
  • web-design-guidelines - UI代码审查与可访问性性能规则
    UI审查可访问性设计审计UX最佳实践

    ★ 43 · 更新于 2026-02-12

    根据可访问性、性能和用户体验规则审查UI代码

    ⚙ 扫描UI组件⚙ 检查规则符合性⚙ 报告违规
  • refactor-html - 使用UI组件和语义颜色重构HTML/TSX文件
    重构前端UI组件代码优化

    ★ 22 · 更新于 2026-02-11

    重构HTML/TSX文件以使用现有UI组件、DaisyUI类和语义颜色约定

    ⚙ 读取目标文件⚙ 检查可用组件⚙ 识别规则违规