分享一下这段时间 Vibe coding 写的几个网站

最近深度体验了一段时间的 Vibe Coding,有一些新的感悟和思考,想和大家分享。

首先要明确一点,它并没有让编码过程变得更“轻松”。恰恰相反,由于需要持续地对 AI 生成的代码进行引导和修正,我的心智负担反而增加了。但这是一种良性的、令人兴奋的负担,因为它将我的精力从重复的体力劳动中解放了出来。

Vibe Coding 真正解决的,我认为是 “启动摩擦力” 的问题。

大家想必都有过类似经历:一个绝佳的重构思路或是一个新项目的雏形在脑中浮现,架构清晰,实现路径也明确。但一想到将这个想法落地所需的大量模板代码、重复的逻辑构建和繁琐的细节实现,那股热情便会迅速冷却。最终,很多有价值的想法就这样搁置了。

而 Vibe Coding 的出现,就像是为我们配备了一位初级程序员。这位“程序员”精力无限,任劳任怨,但缺乏经验,对需求的理解时常出现偏差,需要你时刻进行 Code Review 和方向校准。

然而,其价值也正在于此。你可以将所有低创造性、高重复性的“脏活累活”都委托给他。而你,则可以将 100% 的精力聚焦在真正重要的事情上——系统架构设计、核心逻辑的抽象以及技术方向的决策。

在这种新模式下,我快速构建了几个实用的小工具(差不多一天一个),算是对这种开发范式的一次验证:

1. 内容分享图生成器

一个在线工具,用于将文本(如名言、代码片段)快速转化为设计精美的图片,便于在社交媒体上传播。

2. 在线图片处理工具

提供图片压缩与格式转换(例如 JPG 到 WebP)功能。这个工具支持优化前后的效果对比和批量处理,处理完可以打包下载。

3. 推特视频下载器

一个简单的实用程序,通过解析推文链接,提取并下载其中的视频资源。支持单条推文内的多视频解析。
https://twitter.hoothin.com/?appinn

4. 全屏文本演示工具

用于生成自定义的全屏动态文本,类似 LED 横幅效果。可以自定义文本内容、样式和动画。适用于特定活动现场的信息展示,当然,你要是想在地铁里跟对面的姑娘眉来眼去,又不好意思开口,也可以试试这个。

Vibe Coding 并非银弹,它更像一种杠杆。它要求使用者具备更强的架构能力和代码鉴别能力。用好它,你就能撬动以往难以启动的重构和项目。大家有没有 Vibe coding 做的项目呢?

3 个赞

全屏大字跑马灯是会些许卡顿么?

是会有点卡顿,我怀疑是 css 动画的问题,估计改成 js 控制能好点

一直想增强下面这个网页的功能: https://haitaov.top/stock.htm?id=90.BK0475|1.601398|0.002594|116.00327

现在是根据股票id嵌入财经网站的行情图片,

想增加 从所有股票列表里选择多个股票来显示,以后能记住所选的自动显示

虽然目前没有官方定义,但 vibe coding 的主流概念是“完全不依赖代码的情况下单纯依靠 LLM 完成开发”,也就是说能看懂代码其实已经不算 vibe coding 了。

原来如此,看来我一直用错了。
不过我很难想象完全不懂代码,如何完成整个项目。感觉 Vibe coding 只能顺畅地生成最初的一版原型,后面继续开发生成的代码幻觉会越来越多,如果不人工干预,最终只会滚成一个巨大的屎山。

感觉这个用瀑布流布局更好,然后可以用ai分析日线图,给出趋势分析。这个是东方财富搜索的url
https://search-codetable.eastmoney.com/codetable/search/web?client=web&clientType=webSuggest&clientVersion=lastest&keyword={股票名字}&pageIndex=1&pageSize=5
加个搜索框调用这个api,搜到了直接把 code 加入 cookies 或者 localStorage

这只是一个非正式的定义,我觉得大部分有一定代码基础的人最开始基本都会将 “vibe coding” 和 ai 辅助划等号,包括我。
但当你真的去搜索这个概念的时候,你会发现相当量教程和课程都是在往“无代码开发”的方向推。这也能解释为什么 ai 辅助开发明明只是行业技术进步,却会变成全民狂欢。
我一直秉持的观点是 “ai 的能力不会超过使用者自身”。包括 vibe coding 模式,只不过 vibe coding 将对代码编程的要求转换到了对测试的要求。
但现在遇到自称 vibe coding 的项目我依旧会避开,就像开发者们往往理解为 ai 辅助开发,你很难保证那些 vibe coding 狂热者对其的理解包不包括舍弃测试在内的所有开发能力。

AI能根据这些需求目标自动给出代码吗?

感觉远远不行,现在只相当于是搜索助手。