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 component code

Browse skills that use this input.

  • clean-code - Clean code guidelines for React/JavaScript projects
    reactjavascriptclean-codelucide-icons

    ★ 1 · Updated 2026-09-22

    Provides clean code guidelines, component structures, and naming conventions for React and JavaScript projects using Lucide icons.

    ⚙ Provide React component structures⚙ Define naming conventions⚙ Standardize props patterns
  • zustand - State management in React with Zustand v5
    reactzustandstate-managementtypescript

    ★ 0 · Updated 2026-09-20

    Provides patterns and instructions for global client-side state management, slices, middleware, and React 19 SSR integration using Zustand v5.

    ⚙ Create React state stores⚙ Implement domain state slices⚙ Configure Zustand middleware
  • 1money-react-hooks - React hook selection and usage guide for 1money projects
    reacthookstypescriptfrontend

    ★ 0 · Updated 2026-09-16

    Provides guidance on choosing and using React hooks from @1money/hooks for state, refs, effects, timers, and URL query state.

    ⚙ Match user needs to hooks⚙ Identify anti patterns in code review⚙ Recommend clean hook import paths
  • component-boundary-planner - Plan React component boundaries to minimize re-renders.
    reactcomponent-boundariesperformancestate-management

    ★ 0 · Updated 2026-09-12

    Plan React component boundaries based on state ownership, re-render minimization, domain responsibility, and view-model boundaries.

    ⚙ Analyze state inventory⚙ Map state ownership⚙ Define view-model boundaries
  • react-components - React and UI conventions for web applications
    reactfrontendmuitailwind

    ★ 0 · Updated 2026-09-11

    Provides guidelines for building and editing React components including structure, theme colors, memoization, filter state, and Spanish UI text.

    ⚙ Build React components⚙ Edit React components⚙ Apply theme colors and styles
  • 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-to-solid - React-to-SolidJS conversion rules
    code conversionReactSolidJStransformation

    ★ 602 · Updated 2026-03-22

    Knowledge resource providing React-to-SolidJS transformation mappings and rules

    ⚙ provide transformation rules⚙ provide mapping tables⚙ provide component patterns
  • flpbalada-react-use-callback - React useCallback Best Practices Guide
    reactperformancehooksoptimization

    ★ 2 · Updated 2026-03-22

    Guides proper usage of useCallback hook for optimizing React performance

    ⚙ optimize function references⚙ pass callbacks to memoized components⚙ prevent unnecessary re-renders
  • react-best-practices - Vercel React Best Practices Guide
    reactnextjsperformanceoptimization

    ★ 0 · Updated 2026-03-20

    React and Next.js performance optimization guidelines with 57 rules across 8 categories

    ⚙ generate performance rules⚙ optimize React components⚙ optimize Next.js pages
  • react-best-practices - React and Next.js Performance Optimization Guidelines
    ReactNext.jsPerformanceOptimization

    ★ 18 · Updated 2026-02-14

    Provides React and Next.js performance optimization guidelines for writing, reviewing, and refactoring code.

    ⚙ write optimized React components⚙ review code performance⚙ refactor React code
  • accessibility-checker - Verify WCAG 2.1 Level AA Accessibility for React Components
    accessibilityWCAGReactARIA

    ★ 18 · Updated 2026-02-12

    Check accessibility compliance of React and HTML components against WCAG 2.1 Level AA standards

    ⚙ read React components⚙ verify WCAG compliance⚙ check ARIA attributes
  • rerender-memo - Extract Expensive React Components into Memoized Components
    Reactperformanceoptimizationmemoization

    ★ 602 · Updated 2026-02-12

    Extract expensive computations into React.memo components to avoid unnecessary re-renders

    ⚙ extract components with React.memo⚙ wrap expensive computations in memo⚙ skip computations on unchanged props