
FirstVersion
Trickle AI · 程式設計
FirstVersion 是免費的互動網站檔案庫,以 Trickle AI 打造,專門收藏科技巨頭初版,把 Google、Twitter、Airbnb 等公司的最初版本重製成可以實際點擊操作的網站。

關於 FirstVersion
About
什麼是 FirstVersion
FirstVersion 是跑在瀏覽器裡的檔案庫,重現知名科技產品最早公開的版本,並以完整可互動的頁面上線,而不是放幾張靜態截圖。它用 Trickle 這個 AI 網站工具做出來,2025 年 1 月 1 日上線。在 Product Hunt 上拿下 Product of the Day 第一名,作者 Jarod Xu 之後也持續擴充內容。
想法很單純。多數人只看見公司打磨多年的樣子,最初那個粗糙的嘗試就消失了。FirstVersion 把那個嘗試找回來。你可以打開 1998 年的 Google 初版,輸入一段查詢,然後被帶到今天的搜尋結果。或者載入 2005 年的 YouTube 頁面,直接點進「Me at the zoo」,那是網站上傳的第一支影片,由共同創辦人 Jawed Karim 發布。
它不是隔著玻璃的博物館。每個重製頁面都要像原版一樣能動,歷史才顯得鮮活,而不是被收進庫房。代價是準確度取決於每份 AI 重建與現存紀錄的吻合程度,所以請把每一頁當成教學用途的重製,而不是逐位元備份。
開始使用
- 用任何現代瀏覽器打開 FirstVersion 網站。不必註冊、下載或登入帳號。
- 逛一逛重製的科技巨頭,例如 1994 年的 Yahoo!、2002 年的 eBay,或 2013 年的 Product Hunt。
- 打開任一項目直接操作。用搜尋列、點連結,或播放內嵌的第一支影片,看看原版怎麼運作。
- 讀每一頁旁邊的故事說明,了解公司在最初幾天的模樣,以及為什麼那樣起步。
- 想延伸這個想法,就免費複製 Trickle 範本,把檔案庫改成你自己的專案。
產品資訊
快速了解 FirstVersion 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 新創創辦人:適合研究 Google、Airbnb 這類巨頭怎麼在幾乎什麼都沒有的情況下推出粗糙的初版。最好帶著好奇心來看,因為收穫是靈感,不是一步步的商業計畫。
- 設計師與產品經理:方便在同一處比較橫跨數十年的介面趨勢。想快速了解 1994 到 2013 年間 UI 模式改變多少,這裡很好用。
- 教育者與學生:不必翻找離線檔案,就能具體講解產品設計的演進。比較適合年紀夠大、看得懂簡短故事說明的讀者。
任務
- 研究新創的起源故事:把原始介面與公司最初幾天的簡短背景放在一起,讓你把設計和故事連起來。
- 分析早期網站設計:可以點進 Twitter 初版這類重製頁,對照今日標準比較字體、導覽與版面安排。
- 打造類似的檔案庫:免費複製 Trickle AI 範本,改成你自己的懷舊或教學專案。
情境
- 準備科技史講座或課程:提供能當著觀眾打開的實例,不必只放靜態圖片。
- 花十分鐘來趟懷舊之旅:整個網站很快就能逛完,也不必事先設定,適合零碎空檔。
主要功能
可互動的網站檔案庫,不是截圖集
FirstVersion 把 Google、YouTube、Yahoo!、Twitter、Airbnb 等公司的早期版本重製成能操作的網站,而不是只能看的圖片。1998 年的 Google 頁面能接受真實查詢並轉往現行搜尋結果,2005 年的 YouTube 頁面連到真正的最早上傳影片,Yahoo! 的舊轉址也還能運作。這種行為就是它與截圖集的差別。
帶你走過八則創立故事
檔案庫目前有八個項目:1994 年的 Yahoo!、1998 年的 Google、1999 年的 X.com、2002 年的 eBay、2005 年的 YouTube、2006 年的 Twitter、2008 年的 Airbnb,以及 2013 年的 Product Hunt。每一則都附上簡短故事,點出創辦人並說明初版想解決的問題,從 eBay 那支壞掉的雷射筆,到 Airbnb 給研討會房客用的充氣床墊。
免費複製與重製
Google 初版、Twitter 初版以及其他每個項目都能免費複製,你可以拷貝一個頁面,改造成自己的專案。這讓 FirstVersion 也能當成學校報告、設計研究,或科技史作品集的起點。
以 Trickle AI 打造
FirstVersion 本身就用 Trickle 做出來,這是一款把自然語言指令變成可用網站、表單與應用的 AI 工具。這個專案同時示範了它能做出什麼,因為每個互動頁面都是從文字與圖片指令拼起來,而非手工寫程式。
橫跨二十年的懷舊檔案庫
陣容從 1990 年代中期一路到 2010 年代,由 1994 年 Yahoo! 初登場到 2013 年的 Product Hunt。逛一輪就能看見網頁設計如何從密密麻麻的文字頁面走向更清爽的版面,對想自己重製原始網站的人來說,它也是現成的 Trickle AI 範本。
優缺點
優點
- 完全免費瀏覽,不必帳號或下載
- 重製頁面可點擊、能操作,並非靜態截圖
- 收錄八家科技公司、橫跨二十年,從 1994 年的 Yahoo! 到 2013 年的 Product Hunt
- 每一頁都能複製,拿來做自己的專案
- 每個項目都把介面與簡短的創辦人故事配在一起
缺點
- 準確度取決於 AI 重建與現存紀錄的吻合程度,有些細節可能與原版有出入
- 沒有 API 或程式化存取,無法做自動化研究
- 檔案庫規模不大,適合輕鬆瀏覽,較不適合深度檔案考據
常見問題
它是一個免費網站,把 Google、Airbnb 等大型科技公司的初版重製成可瀏覽、可點擊的互動頁面。
相關內容
探索與 FirstVersion 相關的工具、技能與文章。
FirstVersion 替代方案
Forefront
Forefront · 程式設計Forefront 是一個用來打造開源 AI 的網頁平台。你可以用自己的資料微調主流的開源語言模型、評估它們的表現,再透過 API 執行,或匯出後自行架設。想要封閉式平台的便利、卻堅持要自己擁有模型與資料的開發者,就是這裡的目標客群。
Startkit
StartKit.AI · 程式設計Startkit 是一套用來打造 AI SaaS 與 AI 包裝產品的樣板。可以把它想成一個 AI 新創樣板,把枯燥的部分都先接好了:驗證、Stripe 與 Lemon Squeezy 付款、用量限制、交易型電子郵件,以及一套能與 OpenAI、Anthropic、Groq 或 Llama 溝通的 AI API 啟動套件。你複製儲存庫、設定價格,然後專心在產品中使用者真正願意付費的部分。它建構於 React 與 Tailwind 之上的 Next.js,所以大部分的樣板程式碼對你來說並不陌生。
Testim
Tricentis · 程式設計Testim 是專為網頁、行動與 Salesforce 應用程式打造的 AI 測試自動化平台,用來建立並執行端到端測試。它靠機器學習在介面變動時維持測試穩定,團隊因此少花時間修補壞掉的定位器。對於一款今天就能開始使用的自動化測試工具來說,這表現不算差。你透過在瀏覽器錄製動作來建立測試,需要更多控制時再補上 JavaScript。對忙碌的 QA 團隊來說,這是個可靠的選擇。
