prototype-scan

name	prototype-scan
description	Use when: analyzing Axure exported HTML prototype files or detailed design documents to extract page inventory, classify interaction patterns, and produce a structured page-spec JSON for Vue 3 + Naive UI development. Triggers on: prototype analysis, axure scan, page inventory, 原型解析, 页面清单, axure转vue, 详设文档, design doc.

Skill: 原型解析（prototype-scan）

将 Axure 导出的 HTML 原型包 或 详细设计文档（MD/Word/表格） 解析为结构化的 page-spec JSON 页面清单，作为后续接口约定和代码生成的输入。

两种输入，同一输出：输出格式完全相同（page-spec JSON），消费方（page-codegen）无需感知来源。

---

触发

• 模式 A（Axure）：提供 Axure HTML 文件包目录，AI 全量扫描 HTML
• 模式 B（详设文档）：提供 MD/Word/表格格式的详细设计文档，AI 解析结构化字段

---

步骤

1. 全量扫描 HTML（模式 A）

遍历所有 .html 文件，提取：

区域	提取内容
标题	<title> / 标题文本 → 页面名称
表格	<table> / 网格布局 → 表格列定义
表单	<input> / <select> / 标签文本 → 查询条件和表单字段
按钮	<button> / 链接文本 → 操作按钮列表
弹窗	遮罩层 / 弹出层 → 弹窗组件
树形	侧边栏 / 树形导航 → 树形结构
注释	Axure 注解 → 业务说明

2. 解析详设文档（模式 B）

从 MD/Word/表格中提取：

• 每个页面的功能描述
• 字段列表（中文名 + 类型 + 必填 + 校验规则）
• 接口 URL 约定
• 按钮/操作定义
• 业务流程说明

3. 交互模式分类