LogoClawIndex
案例技能关于
LogoClawIndex

refactor-html - 使用UI组件和语义颜色重构HTML/TSX文件

重构HTML/TSX文件以使用现有UI组件、DaisyUI类和语义颜色约定

标签

更新于: 2026-02-11
重构前端UI组件代码优化ReactTypeScript

能力

典型输入

典型输出

该技能可以做什么

  • 读取目标文件
  • 检查可用组件
  • 识别规则违规
  • 使用编辑工具应用重构
  • 添加必要的导入
  • 报告所做更改

输入

  • HTML/TSX文件
  • UI组件
  • DaisyUI类
  • 组件库
  • React/TSX页面组件

输出

  • 重构后的HTML/TSX文件
  • 变更报告
  • 更新的组件导入

要求

  • React/TSX项目环境
  • DaisyUI配置
  • UI组件库访问权限
  • 编辑工具可用性

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
读取目标文件
检查可用组件
识别规则违规
使用编辑工具应用重构
HTML/TSX文件
UI组件
DaisyUI类
重构后的HTML/TSX文件
变更报告
更新的组件导入