大家好，我是冷逸。

最近，我們公司生成了一款AI藍牙耳機，叫Aura，我用Claude Code做了一個產品網站。

這是網站首屏，有沒有想要購買的欲望？

耳機還在研發中，但我想給你介紹一下這個網站是怎么做的。

很簡單，全程就一句話，Vibe Coding生成：

給AI藍牙耳機Aura設計一個產品網頁。 關于Aura耳機：這是一款來自「沃垠科技」生產的AI藍牙耳機，產品叫Aura，融合頂尖降噪技術與智能語音助手，帶來清晰純凈的音質體驗。輕巧貼耳、全天舒適佩戴，讓音樂、通話和AI助手隨時隨地觸手可及。Aura，讓每一次聆聽都更聰明、更自由。 網頁設計要求： 1、網頁的整體風格和布局，參考蘋果網站：https://www.apple.com.cn/airpods-pro/ 2、主Hero區域放一個產品宣傳視頻，用byted-ark-seedance-skill基于產品圖“藍牙耳機.png”生成。 3、網頁中的產品場景圖、產品切圖，用byted-ark-seedream-skill基于產品圖“藍牙耳機.png”生成。 4、整體高級審美，大師級作品，頂級前端網頁設計。

產品圖、產品介紹、網頁設計、產品視頻和產品場景圖，全都在??這一個任務里完成。

你可能會有疑問，這有圖、有視頻又有代碼的，真就不用反復切API、來回換model嗎？

不用。

最近，火山引擎不是搞了個Agent Plan嘛，我把它接到Claude Code里，glm-5.1、kimi k2.6、seedance 2.0、seedream 5.1 lite這些模型都能直接用。

一個API Key和URL，搞定一切。

關于Agent Plan

簡單說說，怎么使用火山這個Agent Plan。

進入火山引擎，訂閱一個你感興趣的Agent Plan版本。

Agent Plan訂閱地址：

https://ai.volcengine.com/activity/agentplan

訂閱前，你先想一下自己的高頻使用場景。如果生圖、生視頻比較多的話，自然是Large、Max版本比較劃算；如果生圖、生視頻不是很多，推薦Medium，性價比還不錯。

訂閱后，設置一下你的Agent Plan。

它有3類模型：語言模型、向量化模型和視覺模型。

語言模型可以指定路由誰。比如，你經常做Agent長程任務，那么優選GLM 5.1、K2.6和M2.7；如果是文本寫作、推理類任務比較多，推薦DeepSeek V4 Pro/Flash；如果需要視覺識別，推薦K2.6和Seed 2.0。

然后，就可以到Claude Code、Codex或OpenClaw里進行配置了，下面我們以Claude Code為例。

你可以安裝一個編碼助手Ark Helper。

輸入命令：

curl -fsSL https://lf3-static.bytednsdoc.com/obj/eden-cn/ylwslo-yrh/ljhwZthlaukjlkulzlp/install.sh | sh

安裝完后，在命令行輸入：

ark-helper

就可以啟動 Ark Helper，默認選擇中文。然后，根據界面提示完成套餐配置。

不過，目前Ark Helper只支持MacOS、Linux系統，暫不支持Windows。所以，我是進行手動配置的。

配置方法，也很簡單，就是把我們的API key、URL和model這三件套在命令行敲入。

Windows請輸入：

setx ANTHROPIC_MODEL "ark-code-latest"

MacOS請輸入：

export ANTHROPIC_MODEL=ark-code-latest

注意，model名統一填ark-code-latest，這樣你就不用手動在命令行里來回切模型了。

后面需要換模型時，直接在火山的Agent Plan里點一下就行，大概3-5分鐘后會完成切換。

看到這里，你可能想問：不是說可以生成圖片、生成視頻嗎？怎么講半天還是在講語言模型。

對于這個問題，火山的Agent Plan很好地解決了這個問題，他們把圖片生成、視頻生成模型做成了skills。

你只需要把他們安裝后，就可以在Claude Code里直接用了，不用換API，也不用切模型，直接調skill就能生成。

我們重新開一個cmd終端，在命令行里輸入以下指令就可以安裝。

視頻生成Skill的安裝命令：

npx skills add https://skills.volces.com/skills/volcengine/agentplan -s byted-ark-seedance-skill --agent claude-code

圖片生成Skill的安裝命令：

npx skills add https://skills.volces.com/skills/volcengine/agentplan -s byted-ark-seedream-skill --agent claude-code

比如，我們隨便輸入一個提示詞，Claude Code調用byted-ark-seedream-skill直接把圖片生成好，并在了我的本地文件夾里。

這個生圖、生視頻的skill，實際上就是直接調用我Agent Plan里的API Key，只不過火山在底層做了一些封裝和優化。

這里，有個小技巧分享給大家一下。

seedream出圖默認有AI水印，建議你在提示詞中強調“不帶水印”，或者加入--watermark=false參數，就可以生成不帶水印的圖片。

另外，這個Agent Plan是具有Harness能力。提供了聯網搜索和embedding API，有一些免費額度贈送。

一手實測

Agent Plan有了多模態生成能力，開發場景確實變得更豐富了。

1）生成配圖版PPT

還記得藏師傅的guizang-ppt-skill嗎？最近他又更新了，新增加了幾個風格，并增加了自動AI配圖的功能。

開源地址：

https://github.com/op7418/guizang-ppt-skill

如果你已經安裝過這個skill，直接對你的Claude Code這樣說就行：

幫我更新guizang-ppt-skill。 請進入C:\Users\Administrator\.claude\skills\guizang-ppt-skill執行git pull，然后告訴我當前的最新commit。

既然Agent Plan可以直接生圖，那我們就讓它出一版帶圖的PPT。

提示詞：用guizang-ppt-skill把這份聊天記錄（https://chat.deepseek.com/share/h3tkicxmtg40n3leaf）創建一份電子雜志風的PPT，8頁左右，需要3-5張配圖（用byted-ark-seedream-skill生成）。

任務提交后，它會分成兩步來完成，一是生成配圖，二是設計網頁。

生圖，用的是doubao-seedream-5.0-lite，這是字節目前最強的圖片模型。

來看下最終的PPT，有配圖后更入眼一些了。

2）設計產品網站

我們把生圖、生視頻都用上，于是就有了開頭的case。

讓它參考蘋果官網設計一個產品網站，視頻由seedance 2.0生成，配圖由seedream 5.0 lite生成，語言模型用k2.6。

過程中，視頻生成稍微要慢點（大概2-3分鐘），它會等它，最后再根據所有的素材來設計網站。

這是整個開發任務的交付物。

再經過Chrome DevTools MCP的自動化調試后，最終交付給我了這樣一個網站。

這一整套設計和交互，真的有蘋果官網那個味道了。

體驗下來，Agent Plan肯定是省事了。

不用你到處跑，去切搜索、寫作、coding、圖片和視頻API，直接在一個Plan里搞定。

以前來回換工具、換模型的“多鏈路”，現在直接通過“單鏈路”就可以搞定。一個Plan，多項能力。

從Coding Plan走到Agent Plan，這不是改了個名字，而是響應最新AI范式的需求。現在，Claude Code、OpenClaw、Hermes這些Agent對大模型的需求早已不是一個“會聊天的模型”，而是要具備工具鏈、能干活的模型。

火山這次推出的Agent Plan，拿出了“多模型+harness”的組合拳，專為Agent用戶而生。

現在，你不用再像電工一樣，到處找工具、改接口、接線路，直接在一個Plan里搞定。

這才是Agent Plan該有的樣子：把復雜留給AI，把簡單交給用戶。