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

Browse skills that share this tag.

  • Frontend Next.js & Shadcn - Next.js and Shadcn UI Front-End Engineering Constraints
    Next.jsShadcn UITailwind CSSReact

    ★ 0 · Updated 2026-09-21

    Provides front-end engineering constraints and Apple-inspired design standards for React, Next.js App Router, Tailwind CSS, and Shadcn UI.

    ⚙ Set up Next.js App Router architecture⚙ Configure Tailwind CSS and CSS variables⚙ Integrate Shadcn UI components
  • tailwindcss-framework-integration - Tailwind CSS Integration with React, Vue, Next.js & More
    Tailwind CSSReactVueNext.js

    ★ 38 · Updated 2026-06-30

    Provides per-framework setup steps, content configuration, dark-mode setup, and class-merging recipes for integrating Tailwind CSS into React, Vue, Next.js, Svelte, Angular, Astro, and Remix projects.

    ⚙ Install Tailwind CSS packages⚙ Configure Vite or PostCSS plugins⚙ Import Tailwind CSS stylesheet
  • i18n-setup-wizard - Internationalization Setup Wizard for React, Vue & Next.js
    i18ninternationalizationReactVue

    ★ 602 · Updated 2026-06-30

    Sets up complete i18n infrastructure for React, Vue, Next.js, or vanilla JS with framework configs, translation files, and language switching.

    ⚙ Detect frontend framework from package.json⚙ Install i18n libraries⚙ Create translation JSON files
  • 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
  • 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
  • dashboard-design - Design Effective Dashboards with KPI Cards, Data Tables and Real-Time Updates
    dashboard designUI componentsdata visualizationadmin panel

    ★ 602 · Updated 2026-06-30

    Design dashboards with clear layouts, KPI displays, sortable data tables, and real-time update patterns using React and Tailwind CSS.

    ⚙ design KPI card layouts⚙ create dashboard grid layouts⚙ build sortable data tables
  • react-dev - Type-Safe React & TypeScript Component Development Guide
    ReactTypeScriptReact 19Server Components

    ★ 18 · Updated 2026-06-30

    Provides type-safe patterns for building React components with TypeScript, covering React 18-19 features, event handlers, hooks, generic components, server components, and router integration.

    ⚙ Build typed React components⚙ Implement generic components⚙ Type event handlers and hooks
  • modal-drawer-system - Accessible Modal & Drawer Component Generator
    modaldraweraccessibilityReact

    ★ 48 · 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
  • Components Standards - Design Reusable Frontend Components
    frontendcomponentsUITypeScript

    ★ 602 · Updated 2026-06-30

    Create focused, composable UI components following single responsibility principle with minimal props.

    ⚙ create component files⚙ define component interfaces⚙ implement composition patterns
  • software-localisation - Software Localisation Implementation Patterns
    i18nl10nweb developmentlocalisation

    ★ 57 · Updated 2026-06-30

    Production-grade i18n/l10n patterns for modern web applications covering library selection, ICU format, RTL, and CI/CD workflows

    ⚙ select i18n library⚙ configure ICU messages⚙ set up RTL layout
  • 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
  • jotai-reactive-atoms - Jotai Reactive State Management for Electron
    Reactstate managementElectronIPC

    ★ 602 · Updated 2026-06-30

    Implement reactive state management with Jotai atoms for real-time Electron apps

    ⚙ create event subscription source⚙ create hybrid atom⚙ create stream atom
  • react-dev - Type-safe React Development
    ReactTypeScriptComponentsHooks

    ★ 1 · Updated 2026-06-30

    Build type-safe React components with TypeScript, handle events, use React 19 features, and implement server components

    ⚙ build typed components⚙ implement generic components⚙ type event handlers
  • react-dev - Type-safe React development
    ReactTypeScriptServer ComponentsType Safety

    ★ 1 · Updated 2026-06-30

    Build React components with TypeScript type safety for React 18-19 including Server Components and routing integration

    ⚙ build typed React components⚙ implement generic components⚙ type event handlers
  • react-dev - Type-safe React components and hooks
    ReactTypeScriptcomponentshooks

    ★ 4 · Updated 2026-06-30

    Build typed React components with TypeScript, React 19 features, and type-safe routing

    ⚙ Build typed React components⚙ Implement generic components⚙ Type event handlers
  • react-dev - React TypeScript Development
    ReactTypeScriptWeb DevelopmentFrontend

    ★ 2 · Updated 2026-06-30

    Build type-safe React components with TypeScript including hooks, events, and React 19 features

    ⚙ create typed React components⚙ implement generic components⚙ type event handlers
  • redux-toolkit - Redux Toolkit for React State Management
    state managementReactRedux ToolkitRTK Query

    ★ 33 · Updated 2026-06-30

    State management library for React with slices, thunks, and RTK Query

    ⚙ create slice⚙ configure store⚙ create async thunk
  • standards-components - UI Component Design Standards
    UI componentsfrontenddesign standardsReact

    ★ 602 · Updated 2026-06-15

    Design reusable, composable UI components with clear prop interfaces

    ⚙ create component files⚙ modify existing components⚙ define component props
  • design-system-patterns - Build scalable design systems
    design systemdesign tokensthemingcomponent library

    ★ 0 · Updated 2026-06-15

    Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns

    ⚙ define design tokens⚙ configure theme infrastructure⚙ build component libraries
  • design-system-patterns - Design System Patterns Architecture
    design systemdesign tokensthemingcomponent library

    ★ 0 · Updated 2026-06-15

    Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns

    ⚙ create design tokens⚙ implement theme switching⚙ build multi-brand theming

Scroll to load more