原创 ElliotBai 2024-11-14 18:02 上海
用它，实现图文自由！（文章内所有图文皆由简画一键设计）
空下来的时候，经常在复盘自己过去的人生，发现后悔的很多事情，都是没有在想到的第一时间就去做。
谨慎是好事，多虑也是好事，但是犹豫很多时候也意味着错过。
所以，勇敢表达爱，勇敢去做。
为什么做 Jianhua.Art
事情是这样的。
上个月的时候，我跟 Max 说我想做一个能帮我快速设计公众号头图的工具，因为这个事情对我来说真的痛苦。
可是偏偏头图，又很影响文章的点开率。
我最高阅读的文章，就是因为放了一张AI美女图片
但是我这麼纯洁的人，怎麼能次次都放美女图呢？
然后 Max 给我的产品想了一个名字：简画，也给了很多建议！
然后又拉了做设计的小伙伴，从设计专业的角度出发给了很多输入！
最后，我们大概花了两周的时间，做了 Jianhua.Art 的第一个 Poc 版本。
现在的它是一个：能够快速通过自然语言设计图文&动画的浏览器插件！
至于后面的版本会变成什麼，我现在不知道，也还没有想好。
因为在做Poc的两周时间里，我已经花了大概一周的时间来不断推倒自己的设计了
然后花了一天的时间来跟设计同学沟通交互和视觉设计
然后花了两天的时间来学习浏览器插件的开发框架Plasmo
最后两天的时间用来开发和Debug。
Jianhua.Art 是啥
就如上面所说的，它现在只是一个能够快速通过自然语言设计出图文&动画的浏览器插件。
不过为了快速上线，现在是一个阉割版本，它几乎是离线的（除了大模型的调用）
它没有数据库，没有用户体系，所有数据存在本地
所以现在你只要有一个 OpenAI 格式的大模型key就可以免费地使用这个插件，做很多有趣的事情
我在默认模板里内置了一个粗糙的网页总结，它可以提取当前Tab页面的内容，然后生成一个SVG图片
有了它，你可以为任何网页设计生成分享海报
当然，如果你嫌弃出来的视觉效果差，你完全可以自己修改内置的 Prompt
你可以基于生成的内容做很多操作
比如我直接放开了SVG代码的修改，切换到代码Tab，你就可以自己改吧改吧代码，再切回来就看到新的效果了
或者，你可以直接复制成PNG图片，或者下载SVG图片，插入到微信，微信公众号，Figma 等等地方去用。
对了，插入到 Figma 里面的时候是分层的，可以非常方便地编辑所有元素。后面我会再把 SVG 插入到微信公众号或者其它更多的地方的功能加上！
待我先想想怎麼做比较好。
对了，强烈建议大家自己来发挥自己的创意，因为我实在不擅长。你如果想用网页内容提取的功能，就在创建应用的时候打开提取开关，能支持提取的变量都列在上面了，复制粘贴到提示词里面即可。
最后，我建了一个反馈群，如果你感兴趣的话，非常欢迎加入。短期不会考虑支付，所以只要你自己有Token，可以长时间地白嫖它。
从 Artifacts 到 V0，讲讲 AI GenUI 背后的原理
无论哪个你看到多牛逼的类似的产品，现阶段背后的功臣都是它：Claude。
除此之外，剩下的都是工程优化上的事情，没多大秘密，很多人不解，只是因为一个完整应用从被设计到上线，中间所经过的链路特别长，如果你只专注于自己手头的事情，你自然也不理解别人做了什麼。
你现在希望大模型来把这一整个链路上事情都做了，那你就得告诉他在哪一块具体做什麼事情，做到什麼样的程度。
我们日常看到的无论是网页/APP/小程序，他们的诞生都会至少经历一下阶段：
产品设计-视觉设计-前端Coding-后端Coding-联调-测试验证-上线
Artifacts 刚出现的时候，还只是最基础的 HTML 渲染，这个其实没啥难的，随便打开一个浏览器都能做的事情，但是它的效果也很拉跨。
原因是因为，前端技术发展这麼多年，到了今天，也很少有人会用原生 HTML + CSS + JS 来写东西了。好看的好用的东西，都被不断沉淀下来，后人只需要拿来用即可，有句老话叫不要重复造轮子。
今天，我们即使没有大模型，也可以依靠大佬们的框架来快速写出一个很好看的页面。
不信你们可以去看看 Tailwind CSS
再去看看 https://ui.shadcn.com/
是不是觉得似曾相识，好像在好多地方都见过？
我再举个例子来讲讲，用框架来设计页面有多容易。
随便在 shadcn 里找一个日历组件，安装使用，也就2行代码。
然后你将得到
用泥土石灰造房子难度总比用成型的砖瓦去造高的多，如果是成型的房屋模块搭到一起，那更容易了。所以 TailwindCss 和 ShadcnUI 做的就是造轮子的事情，国内的话，Antd，ElementUI。
之前其实我也快速地搭建了一个自己的Demo，效果比初代的V0还要好，我用它画原型，做demo，非常高效。我甚至还改吧改吧一个版本，接了Agent和ASR，装到了我家的电视上。
所以，当你了解了专家是如何做事情之后，再去让大模型学着专家来做同样的事情，会发现并不难。
难的只是你跟专家之间的距离。
至于我的第一个产品为什么没有继续在 UI 生成上继续改吧改吧去做，做个国内版的V0也好！身边很多人都在催了，都想要。
因为方向太大了，我觉得很多人会去卷这个东西。
我能量不足。也很难防御。
最后，为什么要独立做产品开发
先泼个冷水，虽然我是产品经理，但是我不是代码 0 基础。包括我在开发 Jianhua.Art 时，我花了1-2天时间先把Plasmo 的官方文档先看了一遍。如果做一个完整的产品，不要寄希望于 0 基础没有额外输入光靠 Cursor 来做成。
可能原因大概有：
世界是巨大的草台班子。
LLMs 打破了踏平了知识和技术门槛，带来了知识平权。
你有这时间去拉齐别人的认知，还不是拉大模型跟你来对齐。
时间就是金钱，我的朋友。
可能因为我是INTJ。
小声叨叨：如果有愿意赞助的大佬，随时联系
