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.

frontend - HARP React Frontend Development Guide

Provides development guidance for HARP React frontend (React 19, TypeScript, Vite, Tailwind v4), generating pages, stores, API modules, and routes.

Tags

Updated: 2026-09-18

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Generate React frontend pages
  • Add UI components
  • Create Zustand stores
  • Write API client code
  • Add form validations
  • Modify route definitions

Inputs

  • Feature requirements
  • Page specifications

Outputs

  • Frontend page components
  • Zustand store modules
  • API client functions
  • Form validation schemas
  • Route configuration files

Requirements

  • React 19
  • TypeScript
  • Vite
  • Tailwind v4
  • Codebase in client/portal/

Source

  • Spec: SKILL.md
react
typescript
frontend
zustand
tailwind
Generate React frontend pages
Add UI components
Create Zustand stores
Write API client code
Feature requirements
Page specifications
Frontend page components
Zustand store modules
API client functions