LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

Skills with input: Accessibility requirements

Browse skills that use this input.

  • gamut-accessibility - Apply accessibility patterns to Gamut components
    accessibilityWCAGGamutARIA

    ★ 90 · Updated 2026-10-16

    Implement or audit accessibility for Gamut components, overlays, composite widgets, and WCAG usage with component-specific guidance.

    ⚙ Implement Gamut accessibility⚙ Audit WCAG component usage⚙ Apply keyboard navigation patterns
  • anim - Design tasteful, accessible web UI animation
    web animationUI motionCSS animationReact animation

    ★ 382 · Updated 2026-10-16

    Guides the design and review of refined UI motion for interactions, transitions, loading states, and reveals using CSS, Web APIs, or React.

    ⚙ Define purposeful motion⚙ Choose animation timing⚙ Apply easing curves
  • radix-ui-design-system - Build accessible Radix UI design systems
    Radix UIReactdesign systemsaccessibility

    ★ 0 · Updated 2026-10-16

    Build customizable, accessible React design systems with Radix primitives, theming strategies, and composable component patterns.

    ⚙ Build accessible components⚙ Customize headless primitives⚙ Compose compound components
  • radix-ui-design-system - Build Accessible Radix UI Design Systems
    Radix UIReactdesign systemsaccessibility

    ★ 3 · Updated 2026-10-15

    Guides the creation of accessible, customizable design systems with Radix UI primitives, theming strategies, and composable component patterns.

    ⚙ Design accessible component systems⚙ Compose Radix UI primitives⚙ Customize headless components
  • react-best-practices - Optimize React Rendering and Bundle Performance
    Reactperformance optimizationrenderingbundle optimization

    ★ 1 · Updated 2026-10-07

    Provides React performance optimization guidelines for writing, reviewing, and refactoring components, hooks, memoization, and bundles.

    ⚙ Optimize component rendering⚙ Reduce unnecessary re-renders⚙ Optimize bundle loading
  • frontend-design - Create distinctive production-grade frontend interfaces
    frontendweb designReactUI components

    ★ 0 · Updated 2026-10-07

    Create distinctive, production-grade frontend interfaces with high design quality for web components, pages, and applications.

    ⚙ Create frontend interfaces⚙ Build web components⚙ Design pages and applications
  • ui-design - Design distinctive production-grade frontend interfaces.
    frontendui designresponsive designdesign system

    ★ 0 · Updated 2026-10-05

    Guides frontend interface design from context gathering and visual direction through implementation, responsive testing, and production polish.

    ⚙ Understand project context⚙ Gather design references⚙ Establish visual direction
  • rails-ai:views - Build Accessible Rails Views
    Railsviewspartialshelpers

    ★ 48 · Updated 2026-10-03

    Build maintainable Rails views with partials, helpers, forms, nested forms, and WCAG 2.1 AA accessibility.

    ⚙ Build Rails view structures⚙ Create reusable partials⚙ Organize layouts and blocks
  • Web Design Builder - Build and verify accessible responsive web designs
    web designHTML5JavaScriptresponsive design

    ★ 666 · Updated 2026-10-03

    Creates or refactors HTML5 and JavaScript web designs and verifies accessibility and functionality with Playwright MCP when available.

    ⚙ Generate HTML5 web designs⚙ Refactor HTML/CSS/JavaScript code⚙ Create responsive layouts
  • product-frontend-design - Design and review distinctive product frontends
    frontend designproduct designweb designSaaS

    ★ 666 · Updated 2026-10-02

    Reviews and designs SaaS, marketing, and product interfaces by clarifying messaging, improving hierarchy, and implementing distinctive frontend experiences.

    ⚙ Clarify product value⚙ Define audience and purpose⚙ Rewrite unclear marketing copy
  • awesome-react-animations - Build smooth, compositor-friendly React animations
    ReactNext.jsAnimationPerformance

    ★ 0 · Updated 2026-09-28

    Guides React and Next.js animation implementation, review, and fixes for smooth performance, compositor-friendly motion, and reduced-motion support.

    ⚙ Keep values outside React state⚙ Animate transform and opacity⚙ Use Framer Motion primitives
  • ios-design-direction - iOS App Design Philosophy & Creative Direction with HIG
    iOS designHIGSwiftUIaccessibility

    ★ 666 · Updated 2026-06-30

    Guides iOS app design based on Apple Human Interface Guidelines, covering Clarity/Deference/Depth principles, SwiftUI implementation patterns, and accessibility design.

    ⚙ Guide HIG-based iOS design⚙ Design SwiftUI components⚙ Design screen layouts
  • data-visualization - Create Effective Data Visualizations with Best Practices
    data-visualizationchartsgraphsdata-analysis

    ★ 7,231 · Updated 2026-02-10

    Create data visualizations following best practices for clarity, accuracy, and insight communication

    ⚙ Choose chart types⚙ Apply design guidelines⚙ Use color schemes