LogoClawIndex
CasesSkillsAbout
LogoClawIndex

cc-skill-frontend-patterns - React Frontend Development Patterns

Provides frontend patterns for React, Next.js, state management, performance optimization, forms, and UI development.

Tags

Updated: 2026-09-29
frontend developmentReactNext.jsstate managementperformance optimizationUI patternsform handling

Capabilities

Apply composition patternsBuild compound componentsImplement custom hooksManage shared state

Typical Inputs

React or Next.js codebaseComponent requirementsState management requirements

Typical Outputs

Frontend implementation codeReusable componentsCustom hooks

What this skill does

  • Apply composition patterns
  • Build compound components
  • Implement custom hooks
  • Manage shared state
  • Optimize rendering performance
  • Handle controlled forms
  • Use lazy loading
  • Virtualize long lists

Inputs

  • React or Next.js codebase
  • Component requirements
  • State management requirements
  • Form requirements
  • Frontend data

Outputs

  • Frontend implementation code
  • Reusable components
  • Custom hooks
  • UI state behavior
  • Form validation behavior

Requirements

  • React support
  • Next.js support
  • TypeScript support

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.