我以前在用 Qwen3-coder、DeepSeek V3.1、Kimi K2、GLM 4.6 這些模型時,基本都沒有視覺能力,要麼得用 MCP 幫忙做中轉。轉成文字後信息會丟不少,尤其在組件間距、字體體系、層級關係這些細節上效果會斷掉。但 Doubao-Seed-Code 這個問題不存在,圖像裏的結構只要是“看得見的”,基本都能還原出來。

而且 Doubao-Seed-Code 確實很強。

Terminal Bench、SWE-Bench-Verified-Openhands、Multi-SWE-Bench-Flash-Openhands等主流測評集中表現出色,僅次於Sonnet4.5,碾壓國內模型

重磅推薦,Github上一批優秀的「低代碼」項目 ,點贊收藏按需取用_API

另外,Doubao-Seed-Code與字節跳動旗下IDE產品TRAE組合在一起有着更加亮眼的表現,在SWE-Bench-Verified中登頂SOTA

重磅推薦,Github上一批優秀的「低代碼」項目 ,點贊收藏按需取用_Code_02

原生兼容 Claude Code

Doubao-Seed-Code 另一大亮點是它原生兼容 Anthropic API——也就是 Claude Code 用户不用改任何工具鏈,命令照舊,只是底層模型換成了豆包。對我來説,這種“零心智負擔的替換”非常重要。

Claude-Code 安裝教程,最新 Claude-Code 2.0.42 版本以後,官方已經提供了 Claude Code 一鍵安裝腳本,大家可以使用體驗以下。

1. 安裝 Claude Code

macOS, Linux, WSL:

curl -fsSL https://claude.ai/install.sh | bash

Windows PowerShell:

irm https://claude.ai/install.ps1 | iex

注意一點 windows 下,可能還要配置 Claude 環境變量C:\Users\Administrator.local\bin,添加到 Path 下即可。

重磅推薦,Github上一批優秀的「低代碼」項目 ,點贊收藏按需取用_CSS_03

2. 配置 Doubao-Seed-Code 並開始使用

前往https://console.volcengine.com/ark/region:ark+cn-beijing/apikey 註冊並登錄,前往 系統管理 -> Api Key 管理頁面複製令牌備用。

重磅推薦,Github上一批優秀的「低代碼」項目 ,點贊收藏按需取用_API_04

您需要準備三個重要的配置項:

配置項

説明

獲取方式

ANTHROPIC_AUTH_TOKEN

API 認證令牌

註冊後在 API令牌 頁面點擊 添加令牌 獲得

ANTHROPIC_BASE_URL

API 服務地址

使用 https://ark.cn-beijing.volces.com/api/compatible

ANTHROPIC_MODEL

模型名稱

使用 doubao-seed-code-preview-251028

找到用户目錄下 ~/.claude/settings.json,編輯文件填寫如下內容(不存在則新建)

{
    "env": {
        "ANTHROPIC_AUTH_TOKEN": "ARK_API_KEY",
        "ANTHROPIC_BASE_URL": "https://ark.cn-beijing.volces.com/api/coding",
        "ANTHROPIC_MODEL": "doubao-seed-code-preview-251028"
    }
}

保存文件,打開新終端(環境變量才能生效),輸入 claude, 執行

/status

如下顯示就配置成功了,可以開始使用了

重磅推薦,Github上一批優秀的「低代碼」項目 ,點贊收藏按需取用_CSS_05

Prompt 實戰

貪吃蛇

prompt:

Build a complex Snake game in JavaScript with powerups,multiple levels,and score tracking UI.要求:禁止使用任何改變應用結構或組件化範式的 JavaScript 框架/庫(例如:React, Vue, Angular)。可以cdn引用第三方庫以滿足題目要求,如Three.js,p5js。最終產物必須是純粹的 HTML、CSS 和 JS 文件。如果需要創建多個文件(HTML/CSS/JS),請確保所有文件引用均使用相對路徑。
所有文件需要保存在workspace目錄下

重磅推薦,Github上一批優秀的「低代碼」項目 ,點贊收藏按需取用_Code_06

經典掃雷

prompt:

編寫一個經典的掃雷遊戲要求:禁止使用任何改變應用結構或組件化範式的 JavaScript 框架/庫(例如:React, Vue, Angular)。可以cdn引用第三方庫以滿足題目要求,如Three.js,p5js。最終產物必須是純粹的 HTML、CSS 和 JS 文件。如果需要創建多個文件(HTML/CSS/JS),請確保所有文件引用均使用相對路徑。

所有文件需要保存在workspace目錄下

重磅推薦,Github上一批優秀的「低代碼」項目 ,點贊收藏按需取用_CSS_07

視覺理解:開發 Claude-Code 官網首頁

根據我們提供的 Claudej-Code 官網首頁,編寫代碼

重磅推薦,Github上一批優秀的「低代碼」項目 ,點贊收藏按需取用_Code_08

prompt:

@12c2f100-1367-431a-96ce-5fb8259a8f1a.png
參照圖片編寫Claude-Code官網,可以引入第三方文件

重磅推薦,Github上一批優秀的「低代碼」項目 ,點贊收藏按需取用_API_09

這讓我在寫 Prompt 時可以直接把圖片丟給模型,不用再寫長串文字描述 UI。比如頁面設計稿/截圖只要貼進去,説一句“生成一個現代感、精緻一點的 Vue 頁面”,大部分骨架代碼就能拿來繼續開發,這其實對我的開發效率提升很大。

成本被打到地板價,第一次讓我不需要“省着用”

如果説視覺能力和兼容 Claude Code 是技術優勢,那麼性價比就是我最意外的部分。豆包官方給的定價已經是國內最低:輸入、輸出單價比行業平均便宜 60% 多,基本不用再計算調用成本。

它還同時推出了 Coding Plan,Lite 首月 9.9 元就能不限量跑。我實際跑下來只要不是狂刷生成小説、寫長文章,日常開發完全夠。像多文件重構、接口封裝、組件生成這種任務都能穩住;如果真的在做複雜項目,Pro 套餐首月也才 49.9。關鍵是因為模型便宜,我甚至會在 Prompt 里加一句“保持Claude Code式的輸出,但減少不必要解釋、減少廢話”,這樣既保持代碼質量,也進一步把 Token 花費壓下去。

用一句話總結:這是我第一次覺得 AI 編程助手可以“隨便用”,不用擔心費用的問題。