forge-town 重构 UI 组件
使用说明
- 读取 forge_ui-components-best-practice 规范
- 扫描目标文件，识别所有需要替换的原生元素
- 按照 重构清单 逐项执行替换
- 确保导入语句正确添加，Props 正确映射
核心原则： 替换时保持原有功能不变，Props 一一对应映射
Forge Refactor UI Components
Use when 需要将代码中的原生 HTML 元素（如 button、input、select 等）自动重构为项目组件库组件，确保符合组件库规范并保持功能不变。触发词：重构 UI 组件、替换原生元素、迁移到组件库。
Forge Refactor UI Components by forge-town · 7acb0fb
npx skillmds@latest add forge-town/forge-refactor-ui-components File contents
---name: forge-refactor-ui-componentsdescription: Use when 需要将代码中的原生 HTML 元素（如 button、input、select 等）自动重构为项目组件库组件，确保符合组件库规范并保持功能不变。触发词：重构 UI 组件、替换原生元素、迁移到组件库。---# 重构 UI 组件## 使用说明1. 读取 [forge_ui-components-best-practice 规范](../forge_ui-components-best-practice/references/standard.md)2. 扫描目标文件，识别所有需要替换的原生元素3. 按照 [重构清单](references/checklist.md) 逐项执行替换4. 确保导入语句正确添加，Props 正确映射**核心原则：** 替换时保持原有功能不变，Props 一一对应映射
forge-town/skills/tree/main/skills/forge_refactor-ui-components commit 7acb0fb964
Frequently asked questions
Run npx skillmds@latest add forge-town/forge-refactor-ui-components in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Use when 需要将代码中的原生 HTML 元素（如 button、input、select 等）自动重构为项目组件库组件，确保符合组件库规范并保持功能不变。触发词：重构 UI 组件、替换原生元素、迁移到组件库。 It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
forge-town (@forge-town) published this skill. Their other Agent Skills are listed on their SkillMD profile.