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 output: React component code

Browse skills that produce this output.

  • high-end-visual-design - High-end agency-level UI/UX and motion design guide.
    ui-designux-designfrontendtailwind-css

    ★ 7 · Updated 2026-09-23

    Defines design rules, layout archetypes, micro-interactions, and motion standards to build high-end web user interfaces.

    ⚙ Block generic UI default design patterns⚙ Select creative vibe and layout archetypes⚙ Construct double-bezel nested card containers
  • react-frontend - React Frontend Development Standards
    reactfrontendhooksstate management

    ★ 18 · Updated 2026-06-30

    React frontend standards covering hooks, state management, performance optimization, testing, and accessibility for SPAs

    ⚙ use useState hook⚙ use useEffect hook⚙ use useContext hook
  • shadcn-ui-expert - shadcn-ui React components expert
    ReactUI Componentsshadcn-uiTailwind CSS

    ★ 602 · Updated 2026-06-30

    Build accessible React components with shadcn-ui, Tailwind CSS, and Radix UI

    ⚙ Install shadcn-ui components⚙ Create form components⚙ Select UI components
  • ui-styling - UI Styling with shadcn/ui & Tailwind
    styling systemUI componentsresponsivedark mode

    ★ 0 · Updated 2026-06-30

    Create accessible UIs with shadcn/ui, Tailwind CSS, and canvas designs

    ⚙ build UI components⚙ create layouts⚙ style with CSS
  • ck:ui-styling - Shadcn/ui Component Styling with Tailwind CSS
    UI stylingshadcn/uiTailwind CSSresponsive design

    ★ 602 · Updated 2026-06-15

    Create accessible UI components and layouts with shadcn/ui, Tailwind CSS, and canvas-based design systems.

    ⚙ install shadcn/ui components⚙ add Tailwind CSS utilities⚙ configure dark mode themes
  • react - React Best Practices Guide
    reactfrontendweb developmentcomponents

    ★ 602 · Updated 2026-05-28

    Provides React best practices for building scalable web applications with official documentation guidance and community standards

    ⚙ create React components⚙ design project structure⚙ implement state management
  • prototype-to-production - Convert Design Prototypes to Production Components
    frontenddesigncomponentsprototyping

    ★ 602 · Updated 2026-05-11

    Convert HTML, CSS, and Figma prototypes into typed React components with design tokens

    ⚙ Analyze HTML prototypes⚙ Detect project tech stack⚙ Extract design tokens
  • aksel - Aksel - Nav's Design System
    design systemReact componentsUI developmentaccessibility

    ★ 0 · Updated 2026-03-26

    Build UI with React components, design tokens, and layout primitives following Nav's accessibility guidelines

    ⚙ select React components⚙ apply design tokens⚙ use layout primitives
  • ai-elements - AI Elements component library for chat interfaces
    component librarychat interfaceReactshadcn/ui

    ★ 0 · Updated 2026-03-24

    Create AI chat interface components for the ai-elements library

    ⚙ create chat interface components⚙ install library components⚙ integrate components into project
  • frontend-design - Create Distinctive Production-Grade Frontend Interfaces
    frontenddesignUIweb development

    ★ 1 · Updated 2026-03-09

    Generate creative, polished frontend code with exceptional design quality

    ⚙ build web components⚙ create frontend pages⚙ develop web applications