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.

component demo - Create component and hook demo pages

Create demonstration pages for components and hooks.

Tags

Updated: 2026-03-26

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • create custom components
  • create custom hooks
  • create demo pages
  • register demo entries
  • add app routes
  • update existing components
  • update existing demos

Inputs

  • component name
  • hook name
  • demo page option
  • existing component files
  • existing demo files

Outputs

  • component files
  • hook files
  • demo page components
  • registry entries
  • route configurations
  • navigation updates

Requirements

  • React environment
  • TypeScript
  • Tailwind CSS
  • shadcn-ui
  • src directory access

Source

  • Spec: SKILL.md
components
demo pages
react hooks
typescript
ui
frontend
showcase
create custom components
create custom hooks
create demo pages
register demo entries
component name
hook name
demo page option
component files
hook files
demo page components