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: React project

Browse skills that use this input.

  • shadcn-ui - Install and configure shadcn/ui components for React.
    shadcn-uireactui-componentstailwind

    ★ 0 · Updated 2026-09-16

    Installs and configures shadcn/ui components for React projects including installation order, customisation, and common UI recipes.

    ⚙ Install foundation and feature components⚙ Manage component installation order⚙ Customise components with semantic tokens
  • motion-react - Build React Animations with Motion (Framer Motion)
    ReactMotionFramer Motionanimation

    ★ 457 · Updated 2026-06-30

    Create React animations using the Motion library including gestures, scroll effects, spring physics, layout animations, exit animations, and motion values.

    ⚙ create motion components⚙ animate CSS values⚙ configure spring and tween transitions
  • tanstack-hotkeys-guide - TanStack Hotkeys Guide for React Keyboard Shortcuts
    tanstackhotkeyskeyboard-shortcutsreact

    ★ 8 · Updated 2026-06-30

    Guide for type-safe keyboard shortcuts in React using @tanstack/react-hotkeys, covering registration, sequences, recording, and display formatting.

    ⚙ Register keyboard shortcuts⚙ Register multi-key sequences⚙ Record custom shortcuts
  • ckm:ui-styling - Build accessible UIs with shadcn/ui and Tailwind CSS
    UIshadcn/uiTailwind CSSaccessibility

    ★ 18 · Updated 2026-06-30

    Create accessible user interfaces using shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

    ⚙ install shadcn/ui components⚙ apply Tailwind CSS utility classes⚙ create responsive layouts
  • modal-drawer-system - Accessible Modal & Drawer Component Generator
    modaldraweraccessibilityReact

    ★ 61 · Updated 2026-06-30

    Generates accessible modal dialogs and drawer components with focus trap, ESC close, scroll lock, portal rendering, and ARIA attributes.

    ⚙ Create modal component⚙ Create drawer component⚙ Create confirmation dialog
  • react - React Best Practices for Web Apps
    ReactWeb DevelopmentTypeScriptBest Practices

    ★ 18 · Updated 2026-05-28

    Provides React best practices for building scalable web applications with feature-based architecture, TypeScript, state management, and optimization guidelines

    ⚙ create components⚙ organize project structure⚙ manage state
  • building-compound-components - Create unstyled React compound components
    Reactcompound componentsheadless UIcomponent library

    ★ 11,185 · Updated 2026-05-09

    Creates unstyled compound components that separate business logic from styles

    ⚙ create context file⚙ create Root component⚙ create consumer components
  • React Frontend Architecture - React Frontend Architecture Guidelines
    ReactFrontendArchitectureTypeScript

    ★ 0 · Updated 2026-05-09

    Comprehensive guidelines and standards for building scalable React applications, including project structure, component design, state management, and styling.

    ⚙ Define project structure⚙ Design component architecture⚙ Establish naming conventions
  • React Frontend Architecture - React Frontend Architecture Guide
    ReactFrontendArchitectureTypeScript

    ★ 57 · Updated 2026-05-09

    Defines architecture standards for scalable React applications with structured guidelines.

    ⚙ define project structure⚙ organize component architecture⚙ establish naming conventions
  • vite-configuration - Vite 6.x React SPA Configuration
    ViteReactBuild ToolConfiguration

    ★ 2 · Updated 2026-03-26

    Configure Vite 6.x for React single-page applications

    ⚙ create vite config file⚙ setup path aliases⚙ configure dev server
  • react-shadcn - React UI Components with shadcn/ui
    ReactUI componentsshadcn/uiTailwind CSS

    ★ 18 · Updated 2026-03-20

    Build accessible React UI components using shadcn/ui, TanStack Form, and Tailwind CSS

    ⚙ install components⚙ create buttons⚙ build forms
  • react-shadcn - shadcn/ui React Components with TanStack Form
    ReactUI Componentsshadcn/uiTailwind CSS

    ★ 602 · Updated 2026-03-20

    Build accessible React UI components with Radix UI primitives and Tailwind CSS styling

    ⚙ install shadcn components⚙ build UI components⚙ create form fields
  • tailwind-v4-shadcn - Set up Tailwind v4 with shadcn/ui Production Stack
    TailwindCSSReactUI setupCSS configuration

    ★ 1,018 · Updated 2026-02-09

    Configure Tailwind v4 with shadcn/ui using CSS variables and automated dark mode setup

    ⚙ Install dependencies⚙ Configure CSS variables⚙ Map Tailwind utilities