标签:# javascript

告别丑陋的 Mermaid:深度拆解 Archify,专为 AI Coding Agent 而生的次世代系统架构图引擎

在软件工程中,架构图(Architecture Diagram)是连接业务抽象与底层代码最核心的认知桥梁。然而在过去十几年里,开发者画架构图始终在两大地狱之间痛苦徘徊:一边是 Mermaid、PlantUML 等传统文本绘图工具生成的“上世纪工业风”静态死图,连线交错缠绕成麻花;另一边是 Figma、Excalidraw 等纯手工画布,随系统重构迅速沦为无人维护的“代码文物”。

当 Claude Code、Cursor、Codex、AGY 等 AI Coding Agent 开始全面接管日常代码编写时,这种断层被无限放大——AI 能在数秒内重构几千行代码,却没有任何一个现成工具能让它自动交付出一张既符合工程严密性、又具备顶级工业美学、还能全交互探索的动态系统地图。

近期在 GitHub 狂揽 4.8 万+ Stars 的开源项目 tt-a1i/archify,给出了教科书级的降维解决方案:它不把图当作文本画板,而是将系统图谱视为一套编译型领域模型(Typed JSON IR),通过物理避让引擎与确定性门禁校验,让 AI Agent 能够在两轮闭环内自愈并交付出像素级精致、单文件自包含、支持六维交互与 Git 源码溯源的次世代架构图。

告别剪映与云端上传:深度拆解 OpenReel Video,100% 纯浏览器运行的开源专业视频编辑器(WebGPU + WebCodecs 架构实战)

在短视频与自媒体盛行的今天,视频剪辑工具早已成为数字创作者的“空气和水”。然而,市面上的主流解决方案却让创作者们处处受限:桌面端的 Premiere、Final Cut Pro、DaVinci Resolve 动辄几百兆乃至数 G 内存占用,学习门槛高且售价不菲;而以剪映(CapCut Web)、Canva、Clipchamp 为代表的轻量级网页剪辑工具,则几乎全部依赖云端上传架构——不仅漫长的视频上传让人抓狂,核心敏感素材面临严重的隐私泄露隐患,导出时还充斥着强制水印与高昂的订阅陷阱。

“在浏览器里做一个无需上传素材、无需安装客户端、性能比肩原生桌面应用的专业视频编辑器”,曾被普遍认为是前端工程的“不可能三角”。

近期在 GitHub 斩获近 5000 Stars 的开源硬核项目 Augani/openreel-video,凭借对现代 Web 底层标准的极致榨取,彻底打破了这一成见:它拥有超过 13 万行纯 TypeScript 代码,完全运行在用户本地浏览器沙盒内,素材零云端上传,无任何强制水印;借助 WebGPU 实时渲染、WebCodecs 硬件加速与 File System Access API 原生落盘,甚至实现了丝滑的 4K@60fps 多轨剪辑与专业级调色导出!