原型不只是「画给人看的静态图」
原型生成 Agent 产出的，是能跑、能交互、能直接接后端开发的 Vue3 工程代码—— 编译即可访问，交互真实可用，开发阶段换一行配置就能对接真实后端。
它不只是帮你「画」原型，而是帮你把原型做出来——生成真正的 Vue3 工程代码，编译即可访问，交互真实可用。
几乎每个项目都做原型，也几乎每个团队都遇到过同一个断层。
| 传统原型的现实 | 后果 |
|---|---|
| 用 Axure / 蓝湖 / 截图画的，是静态图片 | 图上看不出交互，点不了，评审全靠「想象」 |
| 原型和最终代码是两套东西 | 原型画完就归档，开发从零重写，重复劳动 |
| 改一处布局，要手动拖拽重画 | 需求一变，原型就过期，维护成本高于价值 |
| 空白页面靠临时找图 | 配图东拼西凑，演示看着「不像真的」 |
| 接口对不上 | 前端说「我按原型来的」，后端说「我不知道你要什么」 |
不是「原型工具」，是「原型的生产车间」。
把你已经写好的需求规格说明书交给它，即可启动整条流水线。
标准 vite create vue 基线 + Element Plus，编译后浏览器直接访问：页面可点、表单可填、列表可增删——因为背后有一套会响应的虚拟接口。
工程代码与接口契约 api-contract.json 一起交付：后端照单实现接口，前端换 baseURL 即对接成功。
上面是怎么做，下面是做出了什么——都是真实运行界面。
从需求到可运行工程，每一步都有明确的机制支撑。
给它一份需求规格，AI 自动完成「页面划分 → 路由规划 → 组件编排 → 源码生成」全链路，产出结构规范、可编译、可运行的 Vue3 工程。
生成的不是截图、不是 HTML 拼贴，而是标准脚手架结构的真实工程代码——正式开发时平滑过渡，不需要推倒重来。
① 需求维护：先维护页面需求条目（名称、用途、内容要点）；② 拆页面：按需求拆开，每个拆分决策带理由，页面状态（草稿 / 讨论中 / 已确认）表达讨论进度；③ 导航规划：规划菜单与跳转关系，生成可运行导航。
页面可迭代、修改有留痕、状态可追溯——原型从「成品」变成持续演进的「活文档」。
左栏·页面列表（新增、选中联动、预览跳转、排序、删除）；中栏·页面编辑（功能、素材、组件清单，一键生成页面，右上角导入需求自动拆页）；右栏·AI 互动——直接用自然语言改原型。
「左边增加一个按钮，右边加个图」——Agent 自动在组件清单里落位（按钮在左、图片在右），实时更新。不用学工具、不用拖控件，说人话就能改原型。
平台内置统一 Mock 引擎（路由 /mock/{projectId}/**），接口定义随项目走，AI 生成原型时同步产出。列表 / 详情 / 新增 / 修改 / 删除维护一份项目级内存数据区，操作真实生效。
新增一条 → 列表真的多一条；删除一条 → 真的消失。而且种子数据「真实感」强——字段名、枚举值、业务数据都像真的，演示才有说服力。
所有接口调用统一走 axios，只配置一个 baseURL：原型环境 /mock/{projectId} 命中虚拟引擎；正式环境 /api 命中真实后端。
页面组件、service 方法签名完全不变——切换环境 = 改一行配置。平台可一键导出接口契约 api-contract.json（方法 / 路径 / 入参 / 出参），前后端照单开发，扯皮从此消失。
生成后在服务器端自动完成 npm install + vite build，产物落到 nginx 静态托管，直接给出可访问链接。只有编译成功才算「已部署」——天然的质量门禁，杜绝「看着好了、其实跑不起来」。
平台建有独立 Vue 组件知识库：生成页面时按语义检索已有组件拼装，新项目沉淀的高质量组件可回填入库——越用越快、越用越规范。
同样的原型工作，两种截然不同的产出物与协作方式。
| 维度 | 传统原型工具 | 原型生成 Agent |
|---|---|---|
| 产出物 | 静态图片 / 可点链接（但无真实逻辑） | 可运行、可交互的 Vue3 工程代码 |
| 生成方式 | 人工拖拽、逐页绘制 | 需求文档驱动，AI 自动生成 |
| 交互能力 | 假链接、跳转占位 | 真接口、真增删改（虚拟接口引擎） |
| 改版成本 | 重画页面 | 一句自然语言，AI 实时改 |
| 配图 | 人工找图 | AI 识别素材 + 自主文生图 |
| 与开发的关系 | 画完归档，开发重写 | 换一行 baseURL 即对接真实后端 |
| 接口对齐 | 口头描述 | 导出 api-contract.json 契约化交付 |
| 可复用性 | 一次性 | 工程可继承、组件可沉淀、越用越强 |
| 对 AI 编码工具 | 人肉参照 | 按 id 自动拉取原型资料 |
对产品、设计、前端、后端、团队——五个角色的实实在在的变化。
把「想法」最快变成「能点的东西」，评审不用再靠想象，直接上手操作。
布局改动从「重画页面」变成「动一句话」，把精力留给真正的设计判断。
拿到的不是参考图，而是可运行的工程起点，直接省掉从零搭架子的时间。
拿到 api-contract.json 接口契约，照单实现，口径统一，不再反复确认。
原型不再是一次性消耗品，而是能沉淀、能复用、能增值的资产。
标准工程基线 + 平台 Agent 引擎 + 组件知识库，构成一条稳定的原型生产线。
vite create vue 基线 + Element Plus，正式开发平滑过渡，不引入额外私有依赖。
基于平台的 Agent 工具循环底座，支持工具调用、多轮生成与编译校验闭环。
平台内置统一 Mock 引擎，接口定义项目级管理，支持契约导出。
Vue 组件知识库 + 语义检索，支撑「检索拼装」而非「从零生成」。
服务器端编译 + nginx 静态托管，产物可在线访问、可打包下载。
对外提供只读原型资料接口（页面 / 接口 / 导航 / 需求 / 源码树 / 契约，可一键打包），让 AI 编码工具「照着原型写代码」从人工对照变成工具可自动消费的数据。
一个是画给人看的，一个是做给人用的。
让原型，从「看图」走到「上手」。
下一代原型该有的样子——
它本身就是可运行的工程。
面向真实开发的智能原型工厂。
基于 meefo Agent 底座，把「要不要做原型」变成「原型能不能直接跑」—— 从一份需求文档，到一个能跑、能点、能改的 Vue3 原型工程。欢迎预约演示，或与我们的 Agent 架构师沟通建设方案。
地址：宁波国际会展中心 10号馆 8E05, 8D03 · 邮编：315040