雖然嘲笑百度仿佛政治正確，但「秒噠」這個產品可能被嚴重低估了｜AI 實驗
Deepseek V3 的 -0324 午夜突然更新登場，直接又掀起了業界的新浪潮。我在一些 AI 頭部媒體群里，甚至看到調侃阿里 Qwen3 開源即將成為 AI 界汪峰，于是轉念一想——前兩天上線的百度“秒噠”那豈不是……
目前 AI 建站領域其實形式上并不那么多樣，主流還是 Cursor/Trae + Claude/Grok/Deepseek。歸根結底，它們只是“低代碼”而算不上“零代碼”。“秒噠”的 FPM 則更明確，那就是面向完全沒有編程基礎的普通人，提供對話式生成特定應用的場景，且直接可發表為公開訪問頁面，名副其實成為了一款 AI 建站工具。
正巧群里不少頭部博主在測試相似 Prompts 在 Deepseek V3 - 0324 與 Claude 3.7 的差異，我便提出或許可以同步試試「秒噠」，可是似乎大家對百度的產品還是無法放下戒心。
于是我著手進行了具體的嘗試，雖然沒有抱太大的希望，但首先開展了一套「地月火經濟」專題的頁面生成，采用群友知乎劉琦的提示詞樣本：
請根據我提供的【中國地月火經濟太空發展計劃】，創建一個視覺精美的垂直時間線HTML頁面，遵循以下詳細要求：
1. 頁面結構與導航：
- 頂部標題區：展示主題名稱和簡短介紹
- 選項卡導航：橫向排列的選項卡，用于完整切換不同子頁面
- 內容區域：當前選中選項卡對應的完整子頁面內容
- 每個選項卡對應一個完全獨立的子頁面，切換時整個內容區域完全替換
2. 子頁面視覺設計：
- 每個子頁面必須使用不同的Unsplash圖片作為背景
- 所有背景圖片必須從Unsplash獲取，使用格式：https://images.unsplash.com/photo-[ID]?q=80&w=1600
- 圖片ID需選擇與子頁面內容直接相關的圖片（如：學習場景、教室環境、職場辦公等）
- 背景圖片上添加半透明覆蓋層：background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.5)), url('圖片鏈接')
- 覆蓋層透明度要適中(0.3-0.6)，確保文字清晰可讀且不喧賓奪主
3. 垂直時間線核心效果：
- 左側垂直時間線設計：4-5px寬，漸變色彩，與子頁面主題顏色協調
- 動態流動效果：白色發光小點(8-10px)在時間線上從上至下循環移動
- 事件節點：每個事件項目通過16-20px的圓形節點與主時間線相連
- 節點連接線：水平線連接主時間線和事件節點
- 保證時間線在所有子頁面中保持一致的位置和樣式
4. 頁面切換效果：
- 選項卡點擊后切換整個子頁面內容
- 使用JavaScript的display和opacity組合實現平滑切換
- 切換時應有淡入淡出效果(transition: opacity 0.5s ease)
- 子頁面切換時，所有動畫應重新開始，特別是時間線流動動畫
- 當前選中的選項卡有明顯的視覺區分(不同背景色、邊框或下劃線)
5. 事件項目設計：
- 從右側依次滑入的載入動畫(transform: translateX(20px)和opacity: 0到1)
- 相鄰事件項目之間設置0.2秒的動畫延遲，創造瀑布效果
- 每個事件項目包含：時間標注、標題、描述和可選的注意事項
- 事件項目使用半透明背景(rgba(0,0,0,0.2))增強可讀性
- 鼠標懸停效果：輕微放大(transform: scale(1.03))和背景顏色變化
6. 技術要求：
- 純HTML5、CSS3和原生JavaScript實現
- 使用Google Fonts的Noto Sans SC字體支持中文顯示
- 響應式設計，在移動設備上優雅降級(時間線可能變為居中)
- 使用CSS變量定義顏色方案，便于整體調整
- 確保代碼組織有序，添加適當注釋便于后續修改 7. 動畫實現：
- 時間線流動動畫：使用@keyframes定義，8-10秒完成一個循環
- 事件項目載入動畫：使用animation-delay為每個項目設置交錯延遲
- 所有過渡效果使用ease或ease-in-out作為timing-function
- 確保動畫不會分散對內容的注意力，保持適當的速度和強度 請根據我的主題自行設計最合適的視覺風格，確保每個子頁面都有獨特且相關的Unsplash背景圖片，整體感覺專業且有凝聚力。生成完整HTML文件，包含內嵌CSS和JavaScript，確保代碼結構清晰，易于修改和擴展。
當然，生成的結果并不是一蹴而及的，經過額外對于畫面信息的一些微調，計育韜老師得到了一個如下結果頁：
https://app-29g5qitfokch.appmiaoda.com
我將這個錄屏發送至交流群，不得不說它在效果上實際優于 Deepseek 直出的結果。并且它可以如上發布為站點，并不需要額外支付任何費用以籌備服務器的維護。由此，引起了其他博主們開始對「秒噠」的更多項目測試。
正巧群里還在討論關于 Deepseek 對四方連續或分形圖生成的可能性，一些博主還測試了「敦煌藻井紋樣」的 Deepseek/Claude 運行效果，但表現差強人意。
我便思考，能否構建一個應用，能通過對 「敦煌藻井紋樣」的幾何學理解，讓用戶可以 DIY 設計呢？因此我以 Deepseek 輔助，先生成了這種圖案的數學設計原理和可參數化生成要素：
Root
├─ Center (直徑占比38.2%)
│ ├─ 核心紋樣 (蓮花/寶珠)
│ └─ 一級裝飾帶 (八寶紋)
├─ Middle (直徑占比61.8%)
│ ├─ 二級裝飾帶 (卷草紋)
│ └─ 三級間隔環 (聯珠紋)
└─ Outer (直徑占比100%)
├─ 邊飾紋樣 (飛天/祥云)
└─ 過渡漸變區
```
然后我給了「秒噠」一個非常簡單的指令要求：
我準備開發一個敦煌藻井紋樣的在線生成器，可以讓用戶自主點選配色、預設圖案等變化生成，所以首先請你學習一下這種紋樣的生成原理，并結合你在網上整合到的更多紋樣圖案理解它的設計方法。整個應用要充滿民族藝術設計風采，可以適當選用唐卡、壇城等設計要素。
進而，計育韜老師得到了一個如下結果頁，比較超出我的預期：
https://app-29h4qnw1fcw3-29j960jjqozm-preview.appmiaoda.com
如果我進一步豐富紋樣的設計選項，加入多重紋樣組合的后續功能……那么生成一個真正的「敦煌藻井紋樣」是完全可行的。
事實上，親自動手試一試，往往能很快消除我們天然存在的偏見。盡管大家都說百度在 AI 領域起了個大早趕了個晚集，但從「秒噠」這個產品上，我能看到零代碼建站型 Agent 的發展趨勢，至少對通用型 Agent（包括 Manus）來說，在垂域深耕的 AI 產品必然將保持得天獨厚的優勢，甚至對大量傳統的建站工具帶來深層次的市場威脅。
不妨也去試一試「秒噠」創建一個自己的應用吧！
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）