本页内容
在浏览器试一次可视化编辑
打开示例，或粘贴一份小型 TikZ 图的副本。在画布上移动一个节点，对照源码面板里更新的坐标。图形可导出为 SVG、PDF 或 PNG。
如果图中使用自定义宏或高级 TikZ 写法，先到项目说明核对支持范围。发布前，在目标 LaTeX 文档中编译修改后的源码。
它适合做什么
TikZ Editor 将图表与源码连接起来，适合需要可视化调整 TikZ 几何、又希望保留文本表达以便继续修改的场景。
产品提供哪些功能
- 可视化调整 TikZ 图形几何
- 将视觉修改与图表源码关联
- 围绕特定图表任务进行编辑
使用前了解
- 不是任意 TeX 解释器
- 公开资料不足以证明其可以全面替代 Figma、Lucidchart 或 Overleaf
作者怎样做出它
项目页面说明初始代码库使用了 Codex 与 GPT 模型，也提到了 Claude 的贡献。这里保留作者对制作过程的归因。
你可能还想知道
可以渲染任意 LaTeX 文档吗？
其公开范围是专用 TikZ 编辑器，不是任意 TeX 解释器或完整文档编辑器。
资料出处
制作方式来自下方作者记录。vibeforthat 未独立审计代码或测试全部产品功能。
相关指南与作品
查看全部作品
图表编辑器案例
将具体图表任务转化为可编辑、可复用的成果。
继续阅读作品
有制作记录的 Vibe Coding 作品
按成果或开发工具浏览有制作记录的 Vibe Coding 作品，查看产品入口和原始作者说明。
继续阅读
用 Codex 制作的应用
查看作者在制作记录中提到 Codex 的应用案例，包括图表编辑和预约排程。
继续阅读用 Claude 制作的作品
浏览作者在制作记录中提到 Claude 的项目，打开应用并了解制作过程。
继续阅读Codex 技能设置与项目作用范围
自己的重复任务可以做成本地技能，需要分发一组资源时再考虑插件。当前 Codex 发现机制围绕 .agents/skills，旧安装路径要重新核对。
继续阅读
Vibe Coding 案例拆解与制作思路
这些产品值得参考，因为它们完成了清楚的任务：收表单、调试 MCP、编辑请求或生成图表。作者记录解释制作过程，不等同于性能实测。
继续阅读