Back to skills
extension
Category: Development & EngineeringNo API key required

generate-preview

Input a React component, output a structured description in .json and a visual directory tree preview document in .md. Used for preview analysis before component splitting.

personAuthor: jakexiaohubgithub

generatePreview

使用说明

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

注意: 此技能仅做结构提取,不涉及业务逻辑判断或拆分决策;详细格式与需求规范见 REQUIREMENTS.md