@lionelvatt-architecture-atlas单文本公开更新于 2026年6月22日

分析一个分层代码库的架构,产出可分享的自包含架构总览 HTML 页面。附带产物为 Vatt 视频编辑器(Electron + React + TS + MLT + AI Agent)的真实架构图谱。

0收藏0Fork0复制

产物

1 个产物
Vatt 架构图谱 · Codebase Architecture Atlas.preview在沙箱中预览
用这个 prompt
收藏 0Fork 0复制 0

Prompt

预览

README

README.md

Vatt Architecture Atlas

一个可复用的任务:调研一个分层代码库的真实架构,产出一份自包含、可分享的架构总览 HTML 页面

这个 repo 是什么

  • prompts/codebase-architecture-analysis — 可复用的提示词,把"分析架构 → 产出可分享页面"标准化。
  • 产物 (Artifacts) 面板 — 对 [Vatt](https://github.com/) 视频编辑器代码库跑这个任务得到的真实成果:一张交互式架构图谱(HTML)。

方法论

  1. 先用搜索/读取工具采集真实结构事实(各层文件数、LOC、命令/工具/能力数量),不凭空推断。
  2. 阅读项目架构规范(architecture-boundaries / command-first / domain-protocol),提炼分层职责、依赖方向、硬规则。
  3. 渲染为单文件 HTML:内联所有 CSS、无外部依赖、≤256 KiB、深色现代风格、响应式。
  4. 所有数字必须有代码出处,宁缺毋假。

Vatt 产物速览

  • 1,432 个 TS/TSX 文件、约 256K 行代码
  • 5 层单向架构:Presentation → Application → Domain → Infrastructure → Engine (MLT C++)
  • Command-First 协议:所有项目数据变更经 CommandManager
  • 70 个 AI Agent 工具、85 个编排 Capability、30 个 Command 模块