首页 / 深度阅读

Show HN: Reladraw – A diagram language where you decide where to place things

Hacker NewsSat, 26 Sep 2026 17推荐指数 7 / 10· 已本地抓取正文
Reladraw提供可自定义布局的可视化编程语言工具

01这是什么?

Reladraw 是一种图表语言,允许用户在定义图表的同时保留对图表外观的高度控制权,解决了自动布局工具(如 Mermaid 或 Graphviz)缺乏灵活性和手动绘图工具(如 Draw.io)效率低下的问题。

02核心知识点

结合了图表语言的便捷性和手动布局的灵活性 支持人类和 AI 代理共同使用 提供无需安装的在线 playground 可通过 npm 安装或作为 Claude 等 AI 代理的技能使用 旨在提高图表制作的效率和可控性

03AI 分析

Reladraw 的核心创新在于平衡了自动化与人工控制的矛盾。亮点包括:1) 同时支持人类和 AI 协作的独特设计;2) 提供了多种使用方式(在线、npm、AI 插件)。潜在影响可能改变技术文档编写、系统设计等需要频繁绘制图表的场景的工作流程。

04应用场景

技术文档中的架构图绘制 系统设计初期的快速原型制作 AI 辅助的自动化图表生成 教育领域的可视化教学材料制作 团队协作中的设计沟通

05学习建议

从官网 playground 开始体验基本语法 阅读 GitHub 上的示例文档 尝试通过 npm 安装本地版本 探索与 Claude 等 AI 代理的集成使用 从简单流程图开始,逐步尝试复杂图表

06给 Codex 的 Prompt

Create a step-by-step tutorial on how to use Reladraw diagram language, covering: 1) basic syntax for nodes and connections, 2) manual layout control methods, 3) integration with AI agents like Claude, 4) npm installation and local usage, 5) practical examples for system architecture diagrams. Format as markdown with code snippets.
阅读原文 ↗

← 返回今日