返回项目索引

PROJECT NOTES / 项目说明

Architecture Desk

让系统架构可编辑、可表达、可导出

个人作品 · 已上线
项目类型
工程工具 · 个人项目
技术栈
React / TypeScript / ELK / SVG
最近核查

01 / CONTEXT

要解决什么问题

让复杂系统中的组件、关系与区域边界有清楚的图形表达,同时保留可继续编辑的结构化模型。

02 / CONTRIBUTION

个人实践与实现

个人架构设计工具,将组件建模、图纸编辑、自动布局和文件管理连接成统一工作台。

  • 使用同一套 SVG 组件完成编辑与矢量导出,支持语义组件、区域嵌套和跨图共享实体。
  • 通过 ELK 与区域布局组织节点,使用 libavoid 进行正交连线与避障。
  • 提供模板、JSON Schema 与 AI 提示词导入流程,支持 SVG、PNG、PDF、JSON 和 Mermaid 导出。

03 / EVIDENCE

如何验证

  • 已核查本地 README、依赖清单及部署记录,源码仓库为 ArchitectureDesk。
  • architecturedesk.qingyang.ai 的 HTTPS 首页可访问,页面标题为架构设计工作台。
线上页面与本地项目说明已核查;完整功能边界见详情。

04 / BOUNDARIES

当前限制

  • 当前线上部署共用项目库,没有登录与用户间数据隔离。
  • 本次核查页面可达与项目说明,未重新验收全部布局、编辑和导出流程。

继续了解

项目文档与历史记录保留在源码仓库。此项目暂未建立可核实的专门技术文章链接;相关方向的研究笔记可在文章索引阅读。

阅读技术笔记