LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

使用该输入的 Skills：Accessibility requirements

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

  • gamut-accessibility - 应用 Gamut 组件无障碍模式
    无障碍WCAGGamutARIA

    ★ 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 UIReact设计系统可访问性

    ★ 0 · 更新于 2026-10-16

    使用 Radix 原语、主题策略和可组合组件模式构建可定制且可访问的 React 设计系统。

    ⚙ 构建可访问组件⚙ 定制无样式原语⚙ 组合复合组件
  • radix-ui-design-system - 构建无障碍 Radix UI 设计系统
    Radix UIReact设计系统无障碍

    ★ 3 · 更新于 2026-10-15

    指导使用 Radix UI 原语、主题策略和可组合组件模式创建可访问且可定制的设计系统。

    ⚙ 设计无障碍组件系统⚙ 组合 Radix UI 原语⚙ 定制无样式组件
  • react-best-practices - 优化 React 渲染与包性能
    React性能优化渲染包优化

    ★ 1 · 更新于 2026-10-07

    为 React 组件、Hooks、记忆化和包优化提供编写、审查与重构指南。

    ⚙ 优化组件渲染⚙ 减少不必要的重新渲染⚙ 优化包加载
  • frontend-design - 创建具有独特设计的生产级前端界面
    前端网页设计ReactUI 组件

    ★ 0 · 更新于 2026-10-07

    为网页组件、页面和应用创建具有高设计质量、风格鲜明的生产级前端界面。

    ⚙ 创建前端界面⚙ 构建网页组件⚙ 设计页面和应用
  • ui-design - 设计并构建有特色的生产级前端界面。
    前端界面设计响应式设计设计系统

    ★ 0 · 更新于 2026-10-05

    指导前端界面从了解项目背景、确定视觉方向到实现、响应式测试和生产级打磨。

    ⚙ 了解项目背景⚙ 收集设计参考⚙ 确定视觉方向
  • rails-ai:views - 构建无障碍 Rails 视图
    Rails视图局部模板辅助方法

    ★ 48 · 更新于 2026-10-03

    使用局部模板、辅助方法、表单和嵌套表单构建可维护且符合 WCAG 2.1 AA 的 Rails 视图。

    ⚙ 构建 Rails 视图结构⚙ 创建可复用局部模板⚙ 组织布局和内容块
  • Web Design Builder - 构建并验证无障碍响应式网页设计
    网页设计HTML5JavaScript响应式设计

    ★ 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 动画
    ReactNext.js动画性能

    ★ 0 · 更新于 2026-09-28

    指导 React 和 Next.js 动画的实现、审查与修复，以保持流畅性能、合成器友好动效并支持减少动态效果。

    ⚙ 将逐帧值移出 React 状态⚙ 使用 transform 和 opacity 动画⚙ 使用 Framer Motion 原语
  • ios-design-direction - 基于 HIG 的 iOS 应用设计哲学与创意指导
    iOS 设计HIGSwiftUI无障碍

    ★ 666 · 更新于 2026-06-30

    基于 Apple Human Interface Guidelines 指导 iOS 应用设计，涵盖 Clarity/Deference/Depth 原则、SwiftUI 实现模式及无障碍设计。

    ⚙ 基于 HIG 指导 iOS 设计⚙ 设计 SwiftUI 组件⚙ 设计屏幕布局
  • data-visualization - 使用最佳实践创建有效的数据可视化
    数据可视化图表图形数据分析

    ★ 7,231 · 更新于 2026-02-10

    遵循清晰度、准确性和洞察力传达的最佳实践创建数据可视化

    ⚙ 选择图表类型⚙ 应用设计指南⚙ 使用配色方案