# 分享一下这段时间 Vibe coding 写的几个网站 **URL:** \ **Category:** 讨论分享\ **Created:** [2025 年8 月 21 日 01:19 UTC](https://meta.appinn.net/t/topic/74466 "2025-08-21T01:19:25Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![Hoothin](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/hoothin/32/31202_2.png) [@Hoothin](https://meta.appinn.net/u/Hoothin)\ **Post date:** [2025 年8 月 21 日 01:19 UTC](https://meta.appinn.net/t/topic/74466/1 "2025-08-21T01:19:25Z")
最近深度体验了一段时间的 Vibe Coding，有一些新的感悟和思考，想和大家分享。 首先要明确一点，它并没有让编码过程变得更“轻松”。恰恰相反，由于需要持续地对 AI 生成的代码进行引导和修正，我的心智负担反而增加了。但这是一种良性的、令人兴奋的负担，因为它将我的精力从重复的体力劳动中解放了出来。 Vibe Coding 真正解决的，我认为是 **“启动摩擦力”** 的问题。 大家想必都有过类似经历：一个绝佳的重构思路或是一个新项目的雏形在脑中浮现，架构清晰，实现路径也明确。但一想到将这个想法落地所需的大量模板代码、重复的逻辑构建和繁琐的细节实现，那股热情便会迅速冷却。最终，很多有价值的想法就这样搁置了。 而 Vibe Coding 的出现，就像是为我们配备了一位初级程序员。这位“程序员”精力无限，任劳任怨，但缺乏经验，对需求的理解时常出现偏差，需要你时刻进行 Code Review 和方向校准。 然而，其价值也正在于此。你可以将所有低创造性、高重复性的“脏活累活”都委托给他。而你，则可以将 100% 的精力聚焦在真正重要的事情上—— **系统架构设计、核心逻辑的抽象以及技术方向的决策。** 在这种新模式下，我快速构建了几个实用的小工具（差不多一天一个），算是对这种开发范式的一次验证： ## 1. 内容分享图生成器 一个在线工具，用于将文本（如名言、代码片段）快速转化为设计精美的图片，便于在社交媒体上传播。 > **[分享图片生成器 - 免费在线制作小红书自定义引言图片](https://shareimg.hoothin.com/zh-CN?appinn)** > > 使用您最喜欢的名言警句，设计并生成精美、可供分享的图片。一款用于创建社交媒体图形、海报和文字图片的免费在线工具。 ## 2. 在线图片处理工具 提供图片压缩与格式转换（例如 JPG 到 WebP）功能。这个工具支持优化前后的效果对比和批量处理，处理完可以打包下载。 > **[免费图片压缩、尺寸调整与格式转换 - 优化、缩放和转换您的照片](https://zipimg.hoothin.com/zh-CN?appinn)** > > 免费压缩、调整和转换图片（JPG、PNG、SVG）。我们的在线工具能帮您缩小图片大小，为网页优化照片，并进行批量处理。转换为WebP以获得更好的性能。 ## 3. 推特视频下载器 一个简单的实用程序，通过解析推文链接，提取并下载其中的视频资源。支持单条推文内的多视频解析。 [https://twitter.hoothin.com/?appinn](https://twitter.hoothin.com/?appinn) ## 4. 全屏文本演示工具 用于生成自定义的全屏动态文本，类似 LED 横幅效果。可以自定义文本内容、样式和动画。适用于特定活动现场的信息展示，当然，你要是想在地铁里跟对面的姑娘眉来眼去，又不好意思开口，也可以试试这个。 > **[Fullscreen Flashing Text Generator - Create Your Custom Fan Sign](https://led.hoothin.com/?appinn)** > > Create your custom LED banner & fan sign. Supports custom text, color, font, and animation effects. Vibe Coding 并非银弹，它更像一种杠杆。它要求使用者具备更强的架构能力和代码鉴别能力。用好它，你就能撬动以往难以启动的重构和项目。大家有没有 Vibe coding 做的项目呢？ ---
**Author:** ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\ **Post date:** [2025 年8 月 21 日 12:24 UTC](https://meta.appinn.net/t/topic/74466/2 "2025-08-21T12:24:09Z")
全屏大字跑马灯是会些许卡顿么？ ---
**Author:** ![Hoothin](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/hoothin/32/31202_2.png) [@Hoothin](https://meta.appinn.net/u/Hoothin)\ **Post date:** [2025 年8 月 21 日 13:43 UTC](https://meta.appinn.net/t/topic/74466/3 "2025-08-21T13:43:57Z")
是会有点卡顿，我怀疑是 css 动画的问题，估计改成 js 控制能好点 ---
**Author:** ![haitao](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/h/958977/32.png) [@haitao](https://meta.appinn.net/u/haitao)\ **Post date:** [2025 年8 月 21 日 14:03 UTC](https://meta.appinn.net/t/topic/74466/4 "2025-08-21T14:03:22Z")
一直想增强下面这个网页的功能： [https://haitaov.top/stock.htm?id=90.BK0475|1.601398|0.002594|116.00327](https://haitaov.top/stock.htm?id=90.BK0475%7C1.601398%7C0.002594%7C116.00327) 现在是根据股票id嵌入财经网站的行情图片， 想增加 从所有股票列表里选择多个股票来显示，以后能记住所选的自动显示 ---
**Author:** ![goddaneel](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/goddaneel/32/57849_2.png) [@goddaneel](https://meta.appinn.net/u/goddaneel)\ **Post date:** [2025 年8 月 21 日 14:33 UTC](https://meta.appinn.net/t/topic/74466/5 "2025-08-21T14:33:58Z")
虽然目前没有官方定义，但 vibe coding 的主流概念是“完全不依赖代码的情况下单纯依靠 LLM 完成开发”，也就是说能看懂代码其实已经不算 vibe coding 了。 ---
**Author:** ![Hoothin](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/hoothin/32/31202_2.png) [@Hoothin](https://meta.appinn.net/u/Hoothin)\ **Post date:** [2025 年8 月 21 日 23:51 UTC](https://meta.appinn.net/t/topic/74466/6 "2025-08-21T23:51:11Z")
原来如此，看来我一直用错了。 不过我很难想象完全不懂代码，如何完成整个项目。感觉 Vibe coding 只能顺畅地生成最初的一版原型，后面继续开发生成的代码幻觉会越来越多，如果不人工干预，最终只会滚成一个巨大的屎山。 ---
**Author:** ![Hoothin](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/hoothin/32/31202_2.png) [@Hoothin](https://meta.appinn.net/u/Hoothin)\ **Post date:** [2025 年8 月 21 日 23:59 UTC](https://meta.appinn.net/t/topic/74466/7 "2025-08-21T23:59:19Z")
感觉这个用瀑布流布局更好，然后可以用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 ---
**Author:** ![goddaneel](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/goddaneel/32/57849_2.png) [@goddaneel](https://meta.appinn.net/u/goddaneel)\ **Post date:** [2025 年8 月 22 日 02:05 UTC](https://meta.appinn.net/t/topic/74466/8 "2025-08-22T02:05:12Z")
这只是一个非正式的定义，我觉得大部分有一定代码基础的人最开始基本都会将 “vibe coding” 和 ai 辅助划等号，包括我。 但当你真的去搜索这个概念的时候，你会发现相当量教程和课程都是在往“无代码开发”的方向推。这也能解释为什么 ai 辅助开发明明只是行业技术进步，却会变成全民狂欢。 我一直秉持的观点是 “ai 的能力不会超过使用者自身”。包括 vibe coding 模式，只不过 vibe coding 将对代码编程的要求转换到了对测试的要求。 但现在遇到自称 vibe coding 的项目我依旧会避开，就像开发者们往往理解为 ai 辅助开发，你很难保证那些 vibe coding 狂热者对其的理解包不包括舍弃测试在内的所有开发能力。 ---
**Author:** ![haitao](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/h/958977/32.png) [@haitao](https://meta.appinn.net/u/haitao)\ **Post date:** [2025 年8 月 22 日 13:58 UTC](https://meta.appinn.net/t/topic/74466/9 "2025-08-22T13:58:18Z")
AI能根据这些需求目标自动给出代码吗？ 感觉远远不行，现在只相当于是搜索助手。