少數(shù)派們都在嘗試的 Vibe Coding：將靈感轉(zhuǎn)化為好用的 App

告別繁瑣的語(yǔ)法束縛，Vibe Coding 讓我們僅憑自然語(yǔ)言，就能讓 AI 將靈感瞬間轉(zhuǎn)化為代碼。這種全新的體驗(yàn)正在重塑開(kāi)發(fā)日常。本期一派，一起來(lái)聊聊和 AI 共舞的心流時(shí)刻。

翻看大家的分享，不少派友已經(jīng)把這份體驗(yàn)變成了實(shí)打?qū)嵉淖髌贰：w了移動(dòng)端 App、效率工具，甚至還有「遠(yuǎn)古軟件」的平替。只要有個(gè)好點(diǎn)子，Vibe Coding 就能帶你跨越技術(shù)門(mén)檻。

▍移動(dòng)端 App

目錄

Pixel Telo：攔截通訊騷擾來(lái)電

Pixel Geo：：顯示朝向與經(jīng)緯度

LinkSet：云端分組管理鏈接

GestureExplode：畫(huà)個(gè)手勢(shì)直達(dá)應(yīng)用

SOENT：播放專(zhuān)注放松音頻

Pixel 工具：電話(huà)攔截與指南針

@Mystery0：繼 PixelMeter 嘗到 Vibe 的甜頭之后，又列出了幾個(gè)需要自己開(kāi)發(fā)的需求想法，最近完成的 Pixel Telo 和 Pixel Geo 都是通過(guò) Vibe coding 生成的，和 Pixel Meter 一樣，先和 Gemini 討論需求與技術(shù)實(shí)現(xiàn)方案，然后搭建項(xiàng)目框架、代碼原型驗(yàn)證、使用 Claude Code 按照完整需求進(jìn)行開(kāi)發(fā)、運(yùn)行調(diào)試、上架準(zhǔn)備與申請(qǐng)。 都是一些小眾或者很簡(jiǎn)單的需求，就不考慮收費(fèi)相關(guān)了，反正 Claude 訂閱，不用就感覺(jué)虧了。

Pixel Telo：適用于 Pixel 手機(jī)的電話(huà)攔截 App，一定程度上可以視為 CC 來(lái)電攔截 N+ 的繼任者，我昨天寫(xiě)了專(zhuān)門(mén)的文章介紹它：

https://sspai.com/post/107136

Pixel Geo：十分小眾的場(chǎng)景，就是看下指南針和經(jīng)緯度，需求來(lái)源于我爸。他用的 iOS，有一天要求截一個(gè)帶經(jīng)緯度的圖發(fā)微信群里，但是國(guó)行 iOS 不顯示經(jīng)緯度，他就去下載了一個(gè)指南針 App，結(jié)果這個(gè) App 綁定訂閱，雖然提供試用但是對(duì)于老年人來(lái)說(shuō)還是可能會(huì)搞不明白付費(fèi)和訂閱，況且我覺(jué)得這一個(gè)小小的功能不值這點(diǎn)錢(qián)。因此 vibe 了一個(gè)，直接在 App Store 搜索「Pixel Geo」或者「原點(diǎn)羅盤(pán)」就可以下載，Android 端也上架了 Google Play，同樣搜索這兩個(gè)名字。

開(kāi)源地址：

https://github.com/Mystery00/PixelGeo

LinkSet：云端分組管理鏈接

@ 臭小子7877：Vibe Coding 了一個(gè)鏈接管理與批量打開(kāi)多個(gè)鏈接的小工具：LinkSet。

最初是為了解決每天工作需要打開(kāi)固定的多個(gè)網(wǎng)址的問(wèn)題，將鏈接進(jìn)行分組，且可在菜單欄一鍵打開(kāi)提高效率。 現(xiàn)在已經(jīng)變成自己離不開(kāi)的鏈接收藏工具了，每次打開(kāi) X 或者是少數(shù)派都會(huì)遇到需要收藏的鏈接。通通都保存到 LinkSet 中，所以也開(kāi)發(fā)了 iOS 版本。

因?yàn)槠綍r(shí)一些雜亂的東西也會(huì)先丟到 Apple 的備忘錄中，所以為了相同的體驗(yàn)（用起來(lái)順手），我直接參考了 iOS 備忘錄的操作邏輯進(jìn)行開(kāi)發(fā)。且 iOS 端沒(méi)有數(shù)量的限制，能 iCloud進(jìn)行同步。我希望對(duì)需要的用戶(hù)來(lái)說(shuō)這是一個(gè)可以長(zhǎng)期使用的軟件，而不是一個(gè)閹割版。

個(gè)人感覺(jué)現(xiàn)在 Vibe Coding 雖然簡(jiǎn)單，但是比如整個(gè)上架流程以及產(chǎn)品的構(gòu)思、功能的設(shè)計(jì)還是需要靜下心認(rèn)真思考的，少數(shù)派上的「100 小時(shí)后請(qǐng)叫我蘋(píng)果開(kāi)發(fā)者」欄目也給了我很多幫助，讓我從小白可以依靠 Vibe Coding 成功做出產(chǎn)品并上架商店。

以下是我的軟件，歡迎體驗(yàn)：

https://apps.apple.com/cn/app/id6757075244

GestureExplode：畫(huà)個(gè)手勢(shì)直達(dá)應(yīng)用

@ colorbeta：Android最喜歡的軟件，Google 的 gesturesearch，效率 No.1，2015 年停更后一直沒(méi)有合適的替代。32 位也無(wú)法兼容最新的手機(jī)了。 基于 AI 自己手搓了一個(gè)，可以通過(guò)手勢(shì)輸入字母來(lái)搜索手機(jī)聯(lián)系人，應(yīng)用，設(shè)置，無(wú)需聯(lián)網(wǎng)權(quán)限。 比如輸入 gd，就可以查到到高德地圖。輸入 LDH，就可以找到劉德華。

歡迎大家食用：

github.com/colorbeta/GestureExplode

SOENT：播放專(zhuān)注放松音頻

@ Jeray：1??最滿(mǎn)意也是開(kāi)發(fā)最久的應(yīng)用 SOENT，用于播放專(zhuān)注、放松、平靜、睡眠場(chǎng)景的減壓音樂(lè)。因?yàn)橥瑫r(shí)要工作，斷斷續(xù)續(xù)開(kāi)發(fā)，時(shí)間跨度兩年，最近終于上架蘋(píng)果應(yīng)用商店。也是自己第一次嘗試開(kāi)發(fā)的應(yīng)用。 因?yàn)槭忻嫔系囊魳?lè)應(yīng)用各種信息流，想要個(gè)極簡(jiǎn)不分心的減壓場(chǎng)景音樂(lè)應(yīng)用，設(shè)計(jì)和用戶(hù)體驗(yàn)打磨了很久。接的是 Apple Music 資源。

2??我是設(shè)計(jì)師，不懂開(kāi)發(fā)，開(kāi)發(fā)過(guò)程遇到無(wú)數(shù)個(gè)問(wèn)題。一個(gè)小問(wèn)題，AI就是找不到問(wèn)題核心，折騰好多遍，反復(fù)試錯(cuò)。音樂(lè)播放類(lèi)應(yīng)用涉及很多狀態(tài)，也增加了開(kāi)發(fā)的復(fù)雜度。

3??早期用的是 ChatGPT，兩年前還沒(méi)什么更好的選擇。后來(lái)主要用的是 Cursor，訂閱馬上結(jié)束了……眼饞 Claude Code 和很多新工具。

4??感覺(jué)底層架構(gòu)能力取決于是完全依賴(lài) AI、還是有自己的思考投入，每個(gè)人的情況不同吧。

蘋(píng)果App Store：

https://apps.apple.com/us/app/soent/id6758525381

▍網(wǎng)頁(yè)及 Web 應(yīng)用

目錄

風(fēng)光攝影模擬器：足不出戶(hù)拍攝風(fēng)光

Horizon：輕松速讀多源新聞?wù)?/p>

Post：多端文本與文件分享服務(wù)

風(fēng)光攝影模擬器：足不出戶(hù)拍攝風(fēng)光

@HurricaneDD：我來(lái)介紹一下我做的「風(fēng)光攝影模擬器」

去年我在使用一個(gè) App 叫「極攝」，有模擬的地形和衛(wèi)星圖，還能顯示太陽(yáng)、月球軌跡和焦段，進(jìn)行攝影的時(shí)候可以提前得知大致的焦段和光線(xiàn)情況。

可惜它停止運(yùn)營(yíng)了，由于有相關(guān)的開(kāi)發(fā)經(jīng)驗(yàn)，我注意到那個(gè) App 基于是一個(gè)開(kāi)源庫(kù) CesiumJS，于是我便在AI的幫助下做了個(gè)簡(jiǎn)單版的。

圖一是云南迪慶州梅里雪山觀景臺(tái)，圖二是在麗江古城看玉龍雪山。

Horizon：輕松速讀多源新聞?wù)?/b>

@ Thysrael：大家好，我分享一款我 vibe coding 出的輔助讀新聞的 agent -- Horizon

項(xiàng)目地址：

https://github.com/Thysrael/Horizon/

自用的日?qǐng)?bào)網(wǎng)站：

https://thysrael.github.io/Horizon/

平時(shí)自己讀新聞的時(shí)候，要從多個(gè)地方去找新聞，而且經(jīng)常讀到很多水文，或者看不懂的文章。 它可以從自定義的新聞源（目前支持 RSS，HackerNews，Reddit，Github，Telegram）上抓取新聞，并用 AI 進(jìn)行篩選。 對(duì)于高質(zhì)量的新聞，AI 撰寫(xiě)一個(gè)總結(jié)文章，而且還會(huì)搜集社區(qū)的討論與觀點(diǎn)（基于 hackernews 和 reddit 的評(píng)論區(qū)），并補(bǔ)充理解新聞的概念知識(shí)（基于網(wǎng)絡(luò)搜索，避免幻覺(jué)），最終生成一份日?qǐng)?bào)，并且發(fā)布到網(wǎng)站上（基于 github page）。 歡迎大家 star 支持一下，如果有任何建議，我也會(huì)積極處理。

Post：多端文本與文件分享服務(wù)

@mirtle：用 Codex (gpt 5.4）搭了一個(gè)文本、文件、網(wǎng)頁(yè)分享 API 和對(duì)應(yīng)的 Web UI、CLI 和配套的 Agent 的 Skill。

https://github.com/mirtlecn/post （Node 前后端）

https://github.com/mirtlecn/post-go （Go 純 API）

https://github.com/mirtlecn/post-cli （CLI）

整個(gè)大概花了 4 個(gè)會(huì)話(huà)，一個(gè)會(huì)話(huà)定計(jì)劃，三個(gè)會(huì)話(huà)做實(shí)現(xiàn)，圖片是一個(gè)大功能迭代 + 數(shù)據(jù)結(jié)構(gòu)改造里面，我起的作用（我說(shuō)的話(huà)）。

最神奇的： 短短 1 年，AI Agent 類(lèi)應(yīng)用的進(jìn)步之大。我之前有重寫(xiě) Node 后端 + 拓展功能的想法，但 Cursor 等不能勝任。Codex 則完整重寫(xiě)了整個(gè)項(xiàng)目，里面含一些很繞的邏輯，但完成度極高。WebUI 部分我指定了 UI 庫(kù)，想讓設(shè)計(jì)不落 AI 窠臼，給 PRD，AI 還原的很有品味。而且顯然，能力還能再發(fā)展。

Codex 類(lèi)應(yīng)用，大概率會(huì)侵占很多傳統(tǒng) IDE 類(lèi)應(yīng)用（Cursor）等份額。

無(wú)語(yǔ)時(shí)刻也有：

一開(kāi)始剛用，Codex 確認(rèn)會(huì)讓人抓狂：核心是信息過(guò)時(shí)，去年的新東西大多不清楚，新的 SDK 不會(huì)用，導(dǎo)致程序?qū)崿F(xiàn)，架構(gòu)設(shè)計(jì)過(guò)于復(fù)雜/改需求，譬如認(rèn)為 Redis 某個(gè)數(shù)據(jù)結(jié)構(gòu)就是不支持 TTL，review 它的代碼有一些頭疼。而因?yàn)樗粫?huì)像現(xiàn)實(shí)的人一樣告訴你「這個(gè)不會(huì)做」，容易把自己繞了進(jìn)去。這時(shí)候人的思路就要開(kāi)拓一下了。 意識(shí)要現(xiàn)實(shí)中的產(chǎn)品經(jīng)驗(yàn)，落地實(shí)踐，版本迭代流程全部寫(xiě)進(jìn) Agent.md，遵循一些技巧。這樣，和 Codex 的交流已經(jīng)變成了「好」、「繼續(xù)」、「繼續(xù)」的可無(wú)人值守。至少單元測(cè)、核心流程的功能測(cè)都能通過(guò)。

可能一部分不在產(chǎn)研流程的朋友，高估了現(xiàn)實(shí)中的研發(fā)流程的復(fù)雜度和交付質(zhì)量，個(gè)人和 Codex 落地，遇到的問(wèn)題，同樣是現(xiàn)實(shí)那些：需求考慮不周，程序斷言奇怪，歷史邏輯復(fù)雜，測(cè)試用例覆蓋不全 ……

不滿(mǎn)意的：

前端交互交付：Agents 在前端還原上還是有提升空間的。不清楚有無(wú) UI/UX 高質(zhì)量生成。

AI 注意力有限：雖說(shuō)長(zhǎng)上下文聲稱(chēng) 1 百萬(wàn) token，實(shí)際上大概到 20 萬(wàn)上下文就開(kāi)始忘記。這個(gè)可能遠(yuǎn)比不上真人。上下文怎么組織，還得 AI 應(yīng)用的產(chǎn)品技術(shù)多探索。

至于最后一個(gè)問(wèn)題，我覺(jué)得長(zhǎng)期看，所謂「代碼」乃至「架構(gòu)」只是達(dá)成目的的工具，「丟失與否」不是問(wèn)題，可能焦慮的是自己的飯碗，至少身邊不少公司已經(jīng)在大改產(chǎn)研運(yùn)營(yíng)流程。

▍瀏覽器插件

目錄

allai：濃縮長(zhǎng)文智能伴讀

Dont reset Password：?jiǎn)拘涯愕拿艽a記憶

allai：濃縮長(zhǎng)文智能伴讀

@ 老王以為：作為程序員，算是比較早接觸 vibe coding 的，各種工具都試過(guò)了，現(xiàn)在的主力還是 cursor 和 Claude Code。最近在優(yōu)化各種 skills 讓他們更好地為我服務(wù)。從去年開(kāi)始陸陸續(xù)續(xù)開(kāi)發(fā)了一個(gè)chrome 插件，主要是為了解決我有的時(shí)候在瀏覽網(wǎng)頁(yè)時(shí)的兩個(gè)功能：

1. 有部分內(nèi)容需要問(wèn) AI，如果沒(méi)有這個(gè)工具需要自己復(fù)制內(nèi)容然后再去問(wèn) AI，挺麻煩的；

2. 需要對(duì)文章進(jìn)行總結(jié)概述，整篇文章復(fù)制麻煩或者會(huì)丟失部分圖片內(nèi)容等。

所以就給自己開(kāi)發(fā)了這個(gè)插件，最近也在開(kāi)發(fā)一個(gè)有意思的功能，就是存儲(chǔ)各個(gè) AI 平臺(tái)的聊天內(nèi)容，如 DeepSeek、豆包、ChatGPT 等，然后再將各個(gè)聊天的內(nèi)容再進(jìn)行分析，應(yīng)該是個(gè)挺好玩的東西。插件的地址如下，感興趣的朋友可以去玩玩。

https://chromewebstore.google.com/detail/llogfbeeebfjkbmajodnjpljpfnaaplm?authuser=0&hl=zh-CN

Dont reset Password：?jiǎn)拘涯愕拿艽a記憶

@ 青南：Dont reset Password:

https://drp.kingname.info/

密碼記不住，不一定是因?yàn)槟阌浶圆缓茫悄阃浟诉@個(gè)網(wǎng)站的密碼是什么規(guī)則。 不敢用密碼管理器，擔(dān)心泄露了就全完了。那你試一試我這個(gè)插件。

▍效率輔助工具

目錄

ZotWatch：生成文獻(xiàn)推薦 RSS

Bitwarden 拓展：快捷檢索本地密碼庫(kù)

ZotWatch：生成文獻(xiàn)推薦 RSS

@Yorkson：分享一個(gè)我做的工具：ZotWatch，通過(guò) Zotero 數(shù)據(jù)庫(kù)中的已有文獻(xiàn)信息構(gòu)建畫(huà)像，并通過(guò) GitHub Action 結(jié)合每天新發(fā)表的文獻(xiàn)，自動(dòng)生成文獻(xiàn)興趣推薦的 RSS。 做這個(gè)工具的出發(fā)點(diǎn)是之前用常規(guī)的期刊 RSS 在追蹤，但是部分期刊發(fā)的東西太多太雜，用關(guān)鍵詞之類(lèi)過(guò)濾也很不方便，后來(lái)想到自己長(zhǎng)期使用后的Zotero文獻(xiàn)庫(kù)就是最好的過(guò)濾條件。 一直想寫(xiě)個(gè) sspai 文章介紹一下，但拖了很久到現(xiàn)在也沒(méi)寫(xiě)。 附圖是在 RSS 工具中訂閱生成 RSS 源的效果。

更全面的工具介紹：

https://blog.yorks0n.com/articles/zotwatcher/

鏈接及配置方法：

https://github.com/Yorks0n/ZotWatch

另外寫(xiě)點(diǎn)一派的討論內(nèi)容。我最初用過(guò) claude code，但它用起來(lái)不太方便（穩(wěn)定），后來(lái) codex 出來(lái)用著也不錯(cuò)，就一直訂閱至今。最大的感受是，去年一年 ai 編程能力的提升真是飛快，有個(gè)項(xiàng)目早期因?yàn)橛?bug 一直優(yōu)化不好就放著了，等了幾個(gè)月 ai 能力進(jìn)步，再去修 bug 一會(huì)兒就解決了。

Bitwarden 拓展：快捷檢索本地密碼庫(kù)

@ kusutori：去年底的時(shí)候完成的，為微軟 Powertoys 的命令面板寫(xiě)了一個(gè) Bitwarden 的拓展，當(dāng)前還是 Opus4.5，由于微軟的命令面板也才正式發(fā)布不久，網(wǎng)上壓根一個(gè)第三方資料都沒(méi)有，只有微軟 Learn 里面的官方文檔，模型它自己當(dāng)然是一點(diǎn)都沒(méi)學(xué)過(guò)，而且微軟文檔寫(xiě)的爛也不是一天兩天的了，上來(lái)就給你個(gè) API 大全，還得自己去看接口的源代碼。

寫(xiě)了很長(zhǎng)的提示詞告訴模型這個(gè)項(xiàng)目是什么，以及應(yīng)該從哪里去獲得資料，得益于 context7 以及 tavily 提供的 web search，模型自己花了很長(zhǎng)時(shí)間去學(xué)習(xí)如何做拓展，僅僅使用了兩輪 copilot 對(duì)話(huà)，它就做出了一個(gè)完整的原型出來(lái)，這個(gè)是非常震驚的，我最初對(duì)他壓根就不抱什么希望，畢竟以前寫(xiě)過(guò) winui3 應(yīng)用，很多模型生成的結(jié)果問(wèn)題都很大，可能是因?yàn)閷?xiě)拓展的時(shí)候，只用寫(xiě)邏輯，不用自己寫(xiě)界面，所以比較簡(jiǎn)單一些。

之后又花了一些時(shí)間進(jìn)行迭代，算是把需要用到的所有功能都加上了，包括：

• 基于密碼和 Windows Hello 的密碼庫(kù)解鎖

• TOTP 界面（這個(gè)問(wèn)題挺多的，還沒(méi)修好）

• 密碼庫(kù)列表以及詳細(xì)信息窗格

• 快捷鍵實(shí)現(xiàn)復(fù)制用戶(hù)名、密碼、TOTP 等，對(duì)于不同的項(xiàng)目比如銀行卡，也會(huì)有不同的快捷鍵

• 以及創(chuàng)建、刪除項(xiàng)目也都有，連回收站都做出來(lái)了

• 可以說(shuō)除了 passkey 以外的全部功能都完成了，我個(gè)人現(xiàn)在每天都在用

在這個(gè)不再被語(yǔ)法局限的時(shí)代，每一個(gè)能解決實(shí)際問(wèn)題的點(diǎn)子都閃閃發(fā)光。你目前最想用 AI 幫自己解決什么痛點(diǎn)？或者已經(jīng)用 Vibe Coding 做出了哪些有趣的小玩意？更精彩的討論還在繼續(xù)。

如果想看到更多派友的經(jīng)驗(yàn)分享，或者想曬出自己的心路歷程 ，歡迎參與一派討論話(huà)題：

點(diǎn)擊跳轉(zhuǎn)：

曬曬你的 Vibe Coding 作品：代碼能有多野？