SkillsAdd

forge-town/skills

forge_generate-preview

Use when 需要对 React 组件文件生成结构化 .json 描述和可视化 .md 目录树预览，用于组件拆分前的详细结构分析、复杂度评估与规划。触发词：生成组件预览文档、拆分前分析、组件结构可视化。

Installation

$ npx skills add forge-town/skills --skill forge_generate-preview
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Same topic
vercel-labs/agent-skills 697.8K installs
azure-hosted-copilot-sdk Same topic
microsoft/azure-skills 440.4K installs
vercel-composition-patterns Same topic
vercel-labs/agent-skills 326.5K installs
supabase Same topic
supabase/agent-skills

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge F…

263K installs
vercel-react-native-skills Same topic
vercel-labs/agent-skills 205.5K installs
vercel-react-view-transitions Same topic
vercel-labs/agent-skills 115.9K installs

Also in this package

Other skills from forge-town/skills · top by installs.

npx skills add forge-town/skills
svg-icon-best-practice 68 page-best-practice 43 create-skills 42 store-best-practice 40 service-best-practice 39 zod-env-integration 39 check-all-skills 38 skill-best-practice 38 dao-best-practice 37 db-table-best-practice 36

Browse all from forge-town/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 7
License LICENSE
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 836 B
  • docs SUMMARY.md 283 B

History

  1. First recorded snapshot · 1 installs

SKILL.md

generatePreview

使用说明

  1. 接收 .tsx 文件路径，分析组件的子组件、props、状态、hooks 调用
  2. 遵循 [FORMAT.md](references/FORMAT.md) 规范生成结构化 JSON
  3. 生成可视化 Markdown 目录树
  4. 输出临时文件（强制使用 .temp. 中缀）；示例见 [EXAMPLES.md](references/EXAMPLES.md)

注意： 此技能仅做结构提取，不涉及业务逻辑判断或拆分决策；详细格式与需求规范见 [REQUIREMENTS.md](references/REQUIREMENTS.md)