LogoClawIndex
CasesSkillsAbout
LogoClawIndex

react-architect - Design scalable React application architecture

Guides React architecture decisions for component patterns, hooks, state management, performance, server components, and scalable folder structures.

Tags

Updated: 2026-10-01

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Select component patterns
  • Design custom hooks
  • Choose state management
  • Structure feature folders
  • Optimize React performance
  • Guide server component use

Inputs

  • Application requirements
  • Existing React codebase
  • Performance requirements

Outputs

  • Architecture recommendations
  • Component designs
  • Hook designs
  • State management plans
  • Folder structure proposals
  • React code examples

Requirements

    Source

    • Spec: SKILL.md

    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.
    react
    frontend
    javascript
    web-development
    architecture
    state-management
    performance
    Select component patterns
    Design custom hooks
    Choose state management
    Structure feature folders
    Application requirements
    Existing React codebase
    Performance requirements
    Architecture recommendations
    Component designs
    Hook designs