👦🏻 作者: 鏡山
🥷 編輯: Koji
🧑🎨 排版: NCon
從 AI 產品上線那一刻開始，時間爭分奪秒，ARR 的增長曲線已經不僅僅只是財務指標，更是一條 AI 初創企業的生命線—— 越陡峭越好，越快越安全。
大量產品默默無聞，但也有些「超級單品」脫穎而出，佔領使用者心智。
其中一款就是 Readdy —— 增速極快的 AI 出海應用，4 個月，接近 500 萬美金 ARR。
在海外，它憑藉出色的「網站介面」生成能力，讓眾多 KOL 在 Youtube 等平臺上獲得了爆炸性流量。
早在 3 月底，Readdy 就登上了 ProductHunt 周榜第一的位置。
Readdy 出自於藍湖和 MasterGo 背後的團隊，這兩款產品在國內設計工作站領域的影響力無需贅述。
Readdy 聯合創始人朱峰和 Koji 是「街旁」時期的老同事。最近，我們與 Readdy 的創始團隊進行了一次交流 ——良好的使用者口碑以及得到市場驗證的「超級單品」，讓我們認為它值得一次深度測評。
🚥
Readdy 精準找到了一個產品切入點 —— 快速且精美地「建網站」。
為什麼是 Readdy？
1）做原型：快
對於 AI 產品以及其他領域的產品的創業者，他們需要在最短時間內驗證商業想法的可行性。
Readdy 可以在 1 分鐘內就搭好一個基礎原型框架，並在十幾分鍾內迭代幾十個版本。
我們透過實際體驗，分析了背後的 3 個原因：
【1】行業知識積累
【2】讓原型中的每個模組都可以被 AI 增強
【3】 流水線式快速迭代
2）生成的介面：美
Readdy 能夠快速生成精美的網站原型，這種視覺上的吸引力讓普通使用者也願意去嘗試和使用。
我們認為現在正處於 AI Agent 發展的一個關鍵節點。在此之前，AI 工具往往專注於功能實現，介面設計粗糙，背後的主邏輯是「能用就行」。
然而，技術門檻正在快速降低，使用者開始把這些 AI Agent 當作日常的工具來看待，期望也越來越高。
在各個方向的探索中，我們都能看到一條主故事線 —— 在介面精美度上「突飛猛進」。
3）風格一致性：高
對於企業使用者和設計師來說，他們需要在品牌形象和專業標準上保持統一。
作為一個成熟的「建站」AI Agent，當網站包含多種不同元素時（各種藝術風格的文字、圖片、影片、視覺等等），很重要的一點就是在整個網站的框架內，新增風格統一的元素，而不是隨意拼湊。
Readdy 的穩定性、風格和元素的一致性讓它成功實現了這一步。
如何能實現「拿著一張 Roadmap 走到頭」，是 Agent 從「玩具」走向「具有實際價值工具」的路徑。
接下來是我們的深度實測部分：
迅速迭代的原型驗證
現在，Readdy 最多能接受 2000 字的提示詞，所以我們可以在設計提示詞時，套用「主要目的+AI 生成視覺互動設計」的方式提出，比如：
Readdy 會自動分析並生成一份結構化的提示詞指令。如果覺得不夠準確，還可以繼續補充要求：
點選「Generate」後，Readdy 開始建站，幾乎在 1 分鐘內，第一版就呈現出很完整的主體架構，還帶有基礎的動畫互動效果。
同時，Readdy 做好的首次頁面（First Page）上的導航欄也可以精確跳轉到指定頁面：
雖然「First Page」的效果很完整，但是許多地方細看仍有瑕疵。
這時，令人驚豔的是網頁裡幾乎「所有的元素」都可以透過右下角的「選擇區域」功能，用自然語言告訴 AI 重新設計，或者直接連結到 Readdy 內部已經做好的網頁模板中。
先來看看選中區域再用 AI 重新設計的功能有多好用。
文字部分可以直接進行 AI 替換，圖片部分則提供了四種功能：上傳本地圖片直接替換、移除背景、AI 文字生成圖片，甚至是 AI 文字生成影片進行替換。
它幾乎將 AI 能力運用在了網頁的每個模組中。我錄製了一個 GIF，你會發現每一個功能模組都可以完全重新生成：
之後，你就可以用「簡單的提示詞去指揮 AI 」的方式，進行快速迭代了：
在這次深度測評中，大概 30 分鐘左右就能讓網站原型快速迭代出 20 多個版本（每一句話的修改要求，哪怕是很小的改動也算一個版本），並且更改後的原型如果不滿意，可以隨時回滾：
最後，光是這一個「First Page」展現出的效果就足夠令人滿意了。
讓我們來看看網頁上各個模組從最初第 1 版到最終第 22 版的對比。透過這個大工程，直觀地感受 Readdy 的快速產品迭代能力。
左側為第 1 版，右側則為對應的第 23 版。
網頁的主視覺，從靜態照片到動態雪山全景圖：
第 1 版的十大雪峰只有相同的線條，並且是靜態的。而現在的最新版本，除了黑白濾鏡的雪山圖，還有了模擬山峰形狀的動態線條，以及點選即可放大的「雪山影展」：
紅牛 X-SNOW 活動的時間線的動態互動設計更加豐富了，現在可以點選右上角的「放大」按鈕，欣賞一個極具美感的、可上下滑動的極限活動黑白展覽：
為了更直觀一點，我又截了兩張最新的長圖：
關於極限活動的展示部分，也加入了更多的互動設計。
比如，點選文字模組可以「以畫素展開的風格」呈現，並且右側的「高度線條」可以是互動的了，無論怎麼用滑鼠「打擾」它，線條都可以到達終點：
我錄製了完整的一段影片，可以看看整體的效果：
而這，其實只是「First page」而已。
Readdy 還支援在介面內部直接選擇任意一個可編輯模組，透過「Link」引入到「Second Page」。
比如，先輸入一段提示詞，讓 Readdy 在網頁內部加一個模組，介紹兩位極限運動裡我個人最欣賞的運動家：
點選這兩個人物卡片時，會有細微的畫素動效：
這時，我們可以回到 Readdy 的起始介面，重新走一遍網頁生成流程，輸入一段提示詞，為極限運動家制作一個個人網頁：
這回，展示的只是 Readdy 生成的第一版，一筆未改：
同樣地，也為 David Lama 製作一個主頁：
同樣是第一版：
這個時間軸很有趣，整體為黑白畫素風格，不光是時間線的展示，「Difficulty」的顯示也很可愛！
然後，選中一個模組區域，利用「Link」功能，就可以直接選定需要跳轉的「Second Page」：
效果如下：
Readdy 還支援資料收集功能，網站最下方可以設定一個「訂閱」模組，裡面所填的資料全部可以直達後臺資料庫：
除此之外，它也支援分享非常乾淨的程式碼，支援匯入到其他 IDE 中繼續深度開發：
如果註冊了域名，甚至可以一鍵「Publish」，成為一個比較成熟的網站：
這個案例的 Link 為：
https://readdy.link/share/74cb61778b510650ffd37d31d891e420
視覺精美的互動介面
Readdy 的頁面設計在美觀程度上已經相當成熟了，而且它還支援參考別的網站的截圖，只需要上傳一張圖片，它就能識別和借鑑圖片中的「排版佈局、配色方案、文案風格」這些視覺元素。
比如，我隨意上傳了一個網站的圖片並輸入了一句極簡單的提示詞：
僅需要短短的幾次改動，我就獲得了一箇中國舞蹈「只此青綠」的購票網站：
「只此青綠」的精彩瞬間模組，也非常像一個成熟網站會展示出來的形式：
除了在對話方塊選中區域修改之外，Readdy 還提供了非常簡單的「完善網站」的功能：只要點選網頁裡的任意一個按鈕並「Continue」就能根據這個按鈕在網頁中的功能擴充套件為一個網頁。
比如，當我點選「立即購票」：
Readdy 自動分析，並給出了一段提示詞，無需再去琢磨該如何設計提示詞：
之後，Readdy 幾乎只用了 1 分鐘的時間，就完整地生成了一整套介面很簡潔精美的購票網站。
這不是簡單的幾個頁面拼湊，而是包含了選座位、填資訊、確認訂單等完整流程的專業購票系統：
甚至 Readdy 還準備好了支付頁面，當用戶點選「確認支付」後會看到什麼樣的結果，它都提前設計出來了：
除此之外，我們還做了一些介面非常好看的案例：
可以說，Readdy 已經開始具備了真正理解使用者需求、並且能夠提供完整解決方案的能力。在此之上，它在構建所有模組時都考慮到了介面的「精美度」。
如果想讓使用者「開啟並停留」在一個網站裡，這個產品就不能是一個介面粗糙、配色難看的網站。
Agent 在做這些的時候，應該一直記得：讓每個頁面、每個模組都足夠好看。
協調統一的元素風格
Readdy除了在快速迭代和美觀度方面表現出色之外，還有一個特別讓我印象深刻的優點：整個網站的「協調統一」做得非常好。
簡單來說，一個成熟的網站或者是應用介面應該讓使用者感知所有的元素都像是出自同一個設計師之手——顏色搭配和諧、圖片風格一致、字型大小合適，整體看起來就是一個「完整的作品」，而不是東拼西湊的大雜燴。
AI 在同時處理文字、圖片、佈局等不同型別內容時，保持整體風格的統一是一個重要的「品質」。
1）Q 版簡筆畫美術館
我們模擬一個案例，製作一個 Q 版簡筆畫美術館：
Readdy 的第一版就可以給出非常「整齊劃一」的網站原型，所有的畫作、框架佈局都是同一種風格：
這些作品可以點選放大，來看看「向日葵」、「星月夜」和「蒙娜麗莎」三幅作品的對比和介紹：
除了畫作之外，藝術家簡介部分也同樣維持了「藝術家風格，簡筆畫，ins風，整個畫面只有黑白兩種顏色，無其他顏色，線條感明顯，Q版可愛」的要求：
2）實用工具介面
除了網站介面之外，還能夠體現風格和元素的一致性的一個很好的場景就是：實用工具介面。
我們發現 Readdy 累積了很多行業的介面知識，它能生成各個行業的應用介面。
比如，電子產品的 OS 介面。畢竟，所有的應用程式都需要在同一個系統環境下「協調統一」。
我們也簡單試了試，可以只給一段非常簡單的提示詞：
Readdy 就可以非常簡單地直出一個 iPad 介面：
之後就可以多次自然語言對話，逐步設計一個還算「看得過去」的 iPad 操作介面。
比如：靈動島裡可以出現「千千闕歌」的播放介面；點選右上角可以出現「控制中心」；APP 應用塊可以放大等等效果：
甚至一鍵點選 APP，就可以生成應用介面。像是，APP Store 以及 Kindle：
再比如一個可互動的「Photoshop」介面：
一個自帶廣告的微博熱搜介面：
甚至是剪映影片編輯器介面：
或者是，一個要素非常全的 Bilibili 的影片網站介面：
我們觀察到，Readdy 就像一個經驗豐富的設計師，已經掌握了大量介面設計的「套路」。這意味著開發者不用再花時間學習各種設計規範，直接就能做出專業的介面，提高生產力。
Readdy 製作介面時很有「整體觀念」。它不會東拼西湊地把功能隨意擺放，而是像搭積木一樣，用同一套設計規則來安排所有的按鈕、文字和圖片，讓整個介面看起來協調統一。
另外我們還發現，Readdy 生成的介面可以直接匯入到 MasterGo 和 Figma 這些專業設計軟體裡，方便設計師進一步調整和完善。
建站時的「First Page 」速度，真的很關鍵
在實際的創業和產品開發中，時間往往非常珍貴。一個創業團隊可能需要在一週內測試三個不同的產品想法。
在這種新模式下，產品介面驗證不再是開發流程的終點，而是起點。
🚥
站在 2025 年的時間節點上，我們正在見證一個有趣的現象：那些能讓普通人「哇」一聲的 AI 產品，往往比那些功能複雜的工具活得更好。
在 30 分鐘內，迭代幾十個版本，全程自然語言對話，做出一個「看起來還不錯的網站原型」—— 這種「瞬間成就感」，比任何營銷手段都要有效。
那些能讓使用者立刻看到效果、馬上想分享給朋友的產品，往往走得更遠。
或許，未來的 AI Agent 都能讓每一個不懂程式碼的普通人對著螢幕，喊出一聲：
「我也能做出這麼酷的東西！」