generate-preview
Installation
SKILL.md
generatePreview
使用说明
- 接收
.tsx文件路径,分析组件的子组件、props、状态、hooks 调用 - 遵循 FORMAT.md 规范生成结构化 JSON
- 生成可视化 Markdown 目录树
- 输出临时文件(强制使用
.temp.中缀);示例见 EXAMPLES.md
注意: 此技能仅做结构提取,不涉及业务逻辑判断或拆分决策;详细格式与需求规范见 REQUIREMENTS.md
Related skills
More from forge-town/skills
svg-icon-best-practice
Must follow when 管理或新增 React TypeScript 项目中的 SVG 图标组件,确保命名、封装方式和导出规范遵循项目标准规范。
48create-skills
Use when 需要创建新技能或更新现有技能,将领域知识、工作流程、脚本和工具集成打包为可复用 Skill;生成的新技能须使用中文编写。触发词:创建新技能、更新skill、新建技能包、扩展AI能力。
42zod-env-integration
Must follow when 配置类型安全的环境变量管理模块,基于 .env.example 使用 Zod 生成 env schema 和标准化管理工具。触发词:zod环境变量、env类型安全配置、环境变量schema。
38page-best-practice
Must follow when 创建或审查前端页面结构,确保遵循 Anatomy 规范,正确分离 Wrapper、Content 和 Optional Store 模块。
34store-best-practice
Must follow when 使用 Zustand 创建或重构状态管理 Store,确保遵循 slice 模式、Provider 设置和类型安全规范。
31service-best-practice
Must follow when 创建或重构 Service 层,基于 tRPC + Service + DAO 架构确保依赖注入、错误处理和业务逻辑分层符合规范。
30