<h2>2. 产品概述</h2>
<p>StationBuilder 是面向 iStation 团队的内部工具,用于通过 AI 大模型与 <b>可视化生成 Skill</b> 快速生成站点的大屏看板(Cube 仪表盘 JSON)、资产配置、功能菜单与领域方案,并可预览、反馈微调与打包下载。核心用户路径为:<b>站点列表 → 站点详情(基本属性 / 资产 / 功能与菜单 / 生成确认)→ 站点结果 / 页面预览</b>。</p>
- <h2>3. 技术架构与运行环境</h2>
- <table>
- <tr><th>层</th><th>技术</th><th>说明</th></tr>
- <tr><td>前端</td><td>Next.js 16 / React 19 / Vite 8 / Cloudflare Worker(Vinext)</td><td>同源运行;Worker 路由代理 <code>/api/db/*</code> 与 <code>/api/chat</code></td></tr>
- <tr><td>数据</td><td>SQLite + DB 旁路服务(db-sidecar)</td><td>站点、Cube、资产、菜单、页面样式、文件等持久化</td></tr>
- <tr><td>AI</td><td>AI 生成服务(ai-sidecar 代理 /api/chat;db-sidecar 直接调用)</td><td>以流式 JSON 输出调用,模型由后端统一配置</td></tr>
- <tr><td>生成</td><td>可视化生成 Skill</td><td>其 Cube 仪表盘结构规则注入到提示词中,由模型据此生成 JSON <span class="tag">提示词驱动</span></td></tr>
- </table>
- <div class="flow">
- <p><b>数据流</b>:浏览器 → Worker(<code>/api/db</code>) → db-sidecar(SQLite) ;生成时 db-sidecar 直接调用 AI 生成服务 → 模型+Skill → 解析 JSON 入库 → 以 NDJSON 流式回传进度/日志 → 前端「AI 生成工作流」终端实时显示。</p>
- </div>
-
<h2>4. 整体导航与菜单</h2>
<h3>4.1 顶栏(Topbar)</h3>