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.

Components Standards - Design Reusable Frontend Components

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

Tags

Updated: 2026-06-30

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • create component files
  • define component interfaces
  • implement composition patterns
  • manage component state
  • document component APIs
  • refactor monolithic components

Inputs

  • Component framework
  • Component files
  • Prop definitions
  • State requirements

Outputs

  • Reusable component files
  • TypeScript interfaces
  • Component documentation
  • Test files

Requirements

  • Frontend framework
  • TypeScript support
  • Component directory structure

Source

  • Spec: SKILL.md
frontend
components
UI
TypeScript
React
Vue
reusability
create component files
define component interfaces
implement composition patterns
manage component state
Component framework
Component files
Prop definitions
Reusable component files
TypeScript interfaces
Component documentation