refactor-html - Refactor HTML/TSX Files with UI Components and Semantic Colors
Refactors HTML/TSX files to use existing UI components, DaisyUI classes, and semantic color conventions
Tags
Updated: 2026-02-11Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Read target file
- Check available components
- Identify rule violations
- Apply refactoring with Edit tool
- Add necessary imports
- Report changes made
Inputs
- HTML/TSX files
- UI components
- DaisyUI classes
- Component library
- React/TSX page components
Outputs
- Refactored HTML/TSX files
- Change reports
- Updated component imports
Requirements
- React/TSX project environment
- DaisyUI setup
- UI component library access
- Edit tool availability