forge-town generatePreview
使用说明
- 接收
.tsx文件路径，分析组件的子组件、props、状态、hooks 调用 - 遵循 FORMAT.md 规范生成结构化 JSON
- 生成可视化 Markdown 目录树
- 输出临时文件（强制使用
.temp.中缀）；示例见 EXAMPLES.md
注意： 此技能仅做结构提取，不涉及业务逻辑判断或拆分决策；详细格式与需求规范见 REQUIREMENTS.md
Forge Generate Preview
Use when 需要对 React 组件文件生成结构化 .json 描述和可视化 .md 目录树预览，用于组件拆分前的详细结构分析、复杂度评估与规划。触发词：生成组件预览文档、拆分前分析、组件结构可视化。
Forge Generate Preview by forge-town · b442c77
npx skillmds@latest add forge-town/forge-generate-preview File contents
---name: forge-generate-previewdescription: Use when 需要对 React 组件文件生成结构化 .json 描述和可视化 .md 目录树预览，用于组件拆分前的详细结构分析、复杂度评估与规划。触发词：生成组件预览文档、拆分前分析、组件结构可视化。---# generatePreview## 使用说明1. 接收 `.tsx` 文件路径，分析组件的子组件、props、状态、hooks 调用2. 遵循 [FORMAT.md](references/FORMAT.md) 规范生成结构化 JSON3. 生成可视化 Markdown 目录树4. 输出临时文件（强制使用 `.temp.` 中缀）；示例见 [EXAMPLES.md](references/EXAMPLES.md)**注意：** 此技能仅做结构提取，不涉及业务逻辑判断或拆分决策；详细格式与需求规范见 [REQUIREMENTS.md](references/REQUIREMENTS.md)
forge-town/skills/tree/main/skills/forge_generate-preview commit b442c77d71
Frequently asked questions
Run npx skillmds@latest add forge-town/forge-generate-preview 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 需要对 React 组件文件生成结构化 .json 描述和可视化 .md 目录树预览，用于组件拆分前的详细结构分析、复杂度评估与规划。触发词：生成组件预览文档、拆分前分析、组件结构可视化。 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.