LogoClawIndex
CasesSkillsAbout
LogoClawIndex

refactor-html - Refactor HTML/TSX for Better Component Reuse

Refactor HTML/TSX files to use existing UI components, DaisyUI classes, and semantic colors

Tags

Updated: 2026-02-11

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • replace HTML with UI components
  • convert primitive colors to semantic colors
  • extract repeated styling patterns

Inputs

  • HTML files
  • TSX files
  • UI component library

Outputs

  • refactored HTML files
  • refactored TSX files
  • updated component imports

Requirements

  • Edit tool access
  • UI component library access
  • DaisyUI configuration

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.
refactoring
html
tsx
ui-components
daisyui
replace HTML with UI components
convert primitive colors to semantic colors
extract repeated styling patterns
HTML files
TSX files
UI component library
refactored HTML files
refactored TSX files
updated component imports