← 返回首页

从代码到画布

发布时间: 2025-12-09 15:10(北京时间)

摘要: 作者描述了从AI生成代码到创建网页工具的过程,涉及仓位平衡计算器的开发、预览问题解决以及工具优化。整体语调务实、反思,强调实用性与个人化改进。

标签: 工具开发, AI辅助, 网页预览, 实用主义, 反思, 冷静

字数: 455

原文链接: /7402396589/QhBA7jZpa

早上想了下又该平衡下仓位比例,但找不到之前ai生成的那个计算器了。没关系,再生成一个更好的。

其实不到5分钟我就拿到“仓位再平衡计算器”的代码,但这次Gemini没有画在canvas上,只好用传统笨办法另存成 index.html 然后 bunx serve .

但这个“传统办法”还是有些麻烦,而直接双击 index.html 实际上走的是 file:// 协议有些时候不是完美预览。我想有没有一种工具我自己粘贴代码点下预览就能看,最好还能带个页面截图按钮。

我没有去找,我估计这样的工具是有的。不过 vibe coding 一个可能用起来还更加顺手一些。

canvas.closeai.moe 传送门

加了 IndexedDB 持久化,也支持导入/导出数据。
我自用暂时是够了,有需要的朋友可以直接用,或者fork一份自己魔改部署。

“以太画廊 Ether Gallery ”这个名字是Gemini取的,也还不错,凑合用用吧w