HackerNews中文版

大家好，我们是Will和Liam，CodeViz（YC S24）的创始人。我们正在开发一个VS Code扩展，它可以读取你的代码并生成可编辑的架构图（C4、UML）。这个工具主要用于团队构建共享上下文、达成技术决策以及可视化PR（拉取请求）。这里有一个录制的演示： [https://youtu.be/Jh3wkrCj_WQ](https://youtu.be/Jh3wkrCj_WQ) 你可以在这里尝试这个VS Code扩展：[https://marketplace.visualstudio.com/items?itemName=CodeViz.codeviz](https://marketplace.visualstudio.com/items?itemName=CodeViz.codeviz) 该扩展每月免费生成10个图表（无需注册）。之后，我们提供每月19美元的无限图表生成计划和每月50美元的实时协作计划。我们去年推出了v1版本，旨在帮助工程师更快地阅读代码（[https://news.ycombinator.com/item?id=41393458](https://news.ycombinator.com/item?id=41393458)），但实际上没有人用CodeViz来达到这个目的。用户们主要是将我们的图表截图用于演示和架构评审。我们重新构建了CodeViz，转变为一个协作编辑器，以便针对特定流程进行建模，采用C4和UML标准。这需要我们在技术上的重大变革。在最初的版本中，我们依赖静态分析，使用tree-sitter为大约15种语言构建堆栈图（使用语言服务器作为教师）。虽然技术上精确，但这些图表噪声太大，无法映射到人类的抽象概念。现在，我们使用gemini-cli的一个改编版本来读取代码库，生成C4和Activity PlantUML图表，并将节点直接链接到源代码。这些图表被解析到我们使用ReactFlow构建的图表编辑器中。你可以点击展开节点以查看更低层次的抽象，询问AI助手以可视化特定流程，或从GitHub导入PR。 CodeViz正在积极开发中，欢迎任何诚实的反馈！我们的路线图主要集中在团队协作工具上，因此我们也希望听到你们在架构评审和新员工培训方面遇到的问题。

查看原文

Hey HN, we’re Will and Liam, founders of CodeViz (YC S24). We’re building a VS Code extension that reads your code and generates editable architecture diagrams (C4, UML). It’s mostly used by teams to build shared context, agree on technical decisions, and visualize PRs.Here’s a recorded demo: <a href="https://youtu.be/Jh3wkrCj_WQ" rel="nofollow">https://youtu.be/Jh3wkrCj_WQ</a> You can try the VS Code extension here: <a href="https://marketplace.visualstudio.com/items?itemName=CodeViz.codeviz" rel="nofollow">https://marketplace.visualstudio.com/items?itemName=CodeViz....</a>It’s free for 10 generations/month (no signup). Then, we have a $19/month plan for unlimited diagram generation and $50/month plan for live collaboration.We launched a v1 last year to help engineers read code faster (<a href="https://news.ycombinator.com/item?id=41393458">https://news.ycombinator.com/item?id=41393458</a>), but no one actually used CodeViz for that. Users were taking screenshots of our diagrams for presentations and architecture reviews. We rebuilt CodeViz to shift from a passive viewer to a collaborative editor for modeling specific flows, using C4 and UML standards.This required a major change in our technical approach. In our original version, we relied on static analysis, building stack graphs with tree-sitter for ~15 languages (using language servers as teachers). While technically precise, these graphs were way too noisy and didn’t map to human abstractions.We now use an adaptation of gemini-cli to read the codebase, generate C4 + Activity PlantUML diagrams, and link nodes directly to source code. These are parsed into a diagram editor that we built with ReactFlow. You can click to expand nodes into lower levels of abstraction, ask an AI assistant to visualize a specific flow, or import PRs from GitHub.CodeViz is in active development, all honest feedback is much appreciated! Our roadmap is largely focused on tools for working in teams, so we’d also love to hear about your problems with architecture reviews and onboarding.

展示HN：CodeViz – 一款理解您代码的图表编辑器（YC S24）