curl https://ark.cn-beijing.volces.com/api/v3/chat/completions \ -H "Content-Type: application/json" \ -H "Authorization: Bearer 你的API key" \ -d $'{ "model": "doubao-seed-1-6-thinking-code-preview", "messages": [ { "content": [ { "image_url": { "url": "https://ark-project.tos-cn-beijing.ivolces.com/images/view.jpeg" }, "type": "image_url" }, { "text": "图片主要讲了什么?", "type": "text" } ], "role": "user" } ]}'
{ "choices": [ { "finish_reason": "stop", "index": 0, "logprobs": null, "message": { "content": "这张图片展现了一处宁静的自然风光。画面中心,一位身着红色上衣的人正坐在橙色的皮划艇上,手持船桨,在平静如镜的湖面上划行。湖水呈现出深邃的蓝色,倒映着周围的景致,增添了画面的静谧感。\n\n背景中,巍峨的雪山连绵起伏,山顶覆盖着皑皑白雪,在蓝天的映衬下显得格外壮丽。雪山前方,是一片茂密的森林,树木郁郁葱葱,与远处的雪峰形成鲜明对比。天空中飘着淡淡的白云,阳光柔和地洒下来,整个场景仿佛被一层轻纱笼罩,营造出一种祥和、安宁的氛围。\n\n这幅画面给人一种远离喧嚣、回归自然的感觉,仿佛能让人感受到那清新的空气和湖水的清凉,传递出一种平静与自由的意境。", "reasoning_content": "", "role": "assistant" } } ]}
获取地址:
https://nodejs.org/zh-cn/download
npm install -g @anthropic-ai/claude-code
export ANTHROPIC_API_KEY=你的API KEYexport ANTHROPIC_BASE_URL=https://ark.cn-beijing.volces.com/api/v3/chat/completionsexport ANTHROPIC_MODEL=doubao-seed-1-6-thinking-code-preview
claude
使用 HTML 和 CSS3 创建一个自动旋转的 3D 立方体。1. 每个面颜色不同且带半透明;2. 立方体持续缓慢旋转;3. 鼠标悬停时暂停旋转;4. 添加光影效果使其更具立体感;5. 页面居中展示立方体并自适应屏幕。
看到文档介绍说,Doubao-Seed-Code是国内首个支持视觉理解能力的编程模型,能够一键将UI设计稿转为代码,接下来一手测试下。
根据 ui.png 文件,生成和这个图一模一样的 UI 前端
0-32k输入区间:输入1.20元/百万Tokens,输出8.00元/百万Tokens
32-128k输入区间:输入1.40元/百万Tokens,输出12.00元/百万Tokens
从我这次完整实测来看,Doubao-Seed-Code 在 SWE-Bench-Verified 上拿到第一名,确实不是偶然,强化学习 + 端到端训练让它在真实编码场景中输出稳定、逻辑连贯,生成的代码基本都能直接运行。
作为国内首个具备视觉理解能力的编程模型,我实测把 UI 截图丢进去,它确实能自动还原出页面结构和样式,多轮补充弹窗、交互逻辑时也非常顺畅,属于真正能用的水平。
性能强、成本低这一点也在实测中体现得很明显:生成一个完整页面只要几毛钱,在开发体验和费用上都比同类模型更友好,非常适合个人开发者和小团队日常使用。
以上全文3978字,29张图。若可以,给我个三连击:点赞、转发和在看。若可以再给我加个⭐️,谢谢你看我的文章,我们下篇再见。

