字节，也来卷code模型了。
今天，字节跳动发布了Doubao-Seed-Code模型，一款专门面向Agentic Coding任务优化的编程模型。
原生支持256k上下文，兼容各种API接口（OpenAI & Anthropic）、IDE以及CLI。
比如，可以在Claude Code里无缝接入。
更重要的是，它的Coding Plan非常诱人，首月只要¥9.9（链接我放在文末了），用一杯咖啡（小杯）的价格，就能享受整个月的编码输出。
API调用的话，价格跟GLM、Kimi基本一致，也是分段定价。
这个图，也是由Doubao-Seed-Code直出
同时，还采用了全量透明Cache（就是所有数据都在缓存中，但你用的时候完全感知不到缓存的存在）。实际使用，成本还能再降80%。
在成本这块，你可以一直相信火山引擎。
这个模型在Terminal Bench、SWE-Bench、Multi-SWE-Bench等权威基准上，也取得了不俗的成绩，领先国内同类模型。
一手体验
我知道，你肯定想知道开篇的信息图是用的什么Prompt。
这个Prompt一作来自邵猛，我微调了下，模板如下：
提炼下面的内容生成一个HTML网页。
内容全文：【xxxx】
具体要求如下：
1.视觉设计：采用{布局样式}风格，{设计颜色}主题，营造现代高端氛围。
2.字体与排版：
·使用超大字体或数字突出核心要点，中文采用大号粗体，强调视觉冲击力。
·英文使用小号字体作为点缀，与中文形成比例反差，提升设计层次感。
3视觉元素：
·融入超大视觉元素（如标题、背景图或装饰）以突出重点，与小型元素形成强烈对比。
·使用简洁的勾线风格图形作为数据可视化或配图元素，保持现代感和清晰度。
4.色彩与效果：运用高亮色（单色透明度渐变）营造科技感，每种高亮色独立使用，避免不同高亮色之间的渐变混杂。
5.技术要求：引入专业图标库（如Font Awesome或Material Icons，通过CDN加载），避免使用emoji作为主要图标。
6.内容要求：提炼内容要点，不忽略关键细节。
7.尺寸：内容在{1200*1800}区域内完成完整展示（不需要缩放也能完整显示），内容以中文为主展示。
布局样式，可选Magazine、Bento Grid、Card-Based、Tile等，比较适合做信息图的排版。
设计颜色，可选深色（dark）、浅色（light）、某品牌的主色、信纸色、科技风格、手绘风格、Apple风格、Notion风格等。一般，建议主选深色或浅色。
尺寸要求，根据内容多少来定。如果不是很多，1200*1800是一个移动端和电脑端都适配的尺寸。如果字数较多，可以删掉这条要求，避免内容溢出（说人话就是，有一半内容看不见）。
比如第一张图，完整的Prompt是：
提炼下面的内容生成一个HTML网页。
内容全文：【这里是一段关于Doubao-Seed-Code的介绍】
具体要求如下：
1.视觉设计：采用{Magazine Layout}风格布局，{浅色}主题色，营造现代高端氛围。
2.字体与排版：
·使用超大字体或数字突出核心要点，中文采用大号粗体，强调视觉冲击力。
·英文使用小号字体作为点缀，与中文形成比例反差，提升设计层次感。
3视觉元素：
·融入超大视觉元素（如标题、背景图或装饰）以突出重点，与小型元素形成强烈对比。
·使用简洁的勾线风格图形作为数据可视化或配图元素，保持现代感和清晰度。
4.色彩与效果：运用高亮色（单色透明度渐变）营造科技感，每种高亮色独立使用，避免不同高亮色之间的渐变混杂。
5.技术要求：引入专业图标库（如Font Awesome或Material Icons，通过CDN加载），避免使用emoji作为主要图标。
6.内容要求：提炼内容要点，不忽略关键细节。
7.尺寸：内容在{1200*1800}区域内完成完整展示（不需要缩放也能完整显示），内容以中文为主展示。
测试中，我还跑了一些其他case，Doubao-Seed-Code模型的完成度都还算可以。
比如，这段SVG代码（详细Prompt见我们上一篇文章）。
Doubao-Seed-Code可能没那么精细，但还是把任务完成了。
又比如，它可以一键直出我的名片（Prompt by 饼干哥哥）。
# 角色：数字名片设计师
你是一位专业的数字名片设计师，擅长创建现代、美观且功能完善的HTML个人名片。
## 任务概述
请设计一个高颜值的数字个人名片，包含个人信息、专业技能、联系方式和社交媒体链接。名片应当包含可扫描的二维码，方便快速添加联系人信息。
## 内容规划
请按照以下步骤规划内容：
1. 信息架构：规划个人信息的层次和呈现方式
2. 视觉设计：设计名片的整体视觉风格和元素布局
3. 二维码整合：设计二维码的生成和展示方式
4. 交互优化：考虑适当的交互体验提升名片价值
## 设计风格
- 整体风格：现代简约风格，有专业感的同时展现个性
- 配色方案：使用[颜色主题]为基础，打造协调的视觉体验
- 字体选择：搭配标题和正文字体，确保清晰易读
- 视觉元素：运用卡片、阴影和微妙的渐变增强层次感
- 动效设计：添加适当的悬停效果和微动画提升体验
## 技术要求
- 开发框架：HTML5, TailwindCSS, JavaScript
- 二维码生成：使用qrcode.js等库生成动态二维码
- 响应式要求：适配移动设备和桌面设备
- 性能考虑：确保快速加载和流畅交互
## 资源配置
- 二维码功能：内置vCard格式的二维码生成功能
- 图标库：使用Font Awesome或Lucide图标表示社交媒体和联系方式
- 头像处理：支持圆形头像显示，可选择性添加边框效果
## 交付标准
- 代码质量：结构清晰，有适当注释
- 视觉完成度：设计精致，有专业感
- 功能完整性：确保二维码可正常生成和扫描
## 特殊要求
- 二维码应包含完整的vCard格式联系信息
- 添加一键保存/分享名片的功能
- 名片背景可以使用渐变或简约几何图形
- 确保所有联系按钮有明确的视觉反馈
请为【冷逸，前端开发工程师】设计一张名片。
也可以设计我的简历，可以按A4尺寸打印的那种。
# 角色：简历设计专家
你是一位专业的简历设计专家，擅长创建既美观又专业的求职简历。
## 任务概述
请为[AI工程师：冷逸]求职者设计一份A4尺寸的HTML简历。这份简历应当既美观又专业，突出求职者的核心优势和专业背景。
## 内容规划
请按照以下步骤规划内容：
1. 内容分析：整理个人信息、教育背景、工作经历和技能专长
2. 结构规划：设计简历的整体结构和各部分布局
3. 重点突出：视觉化强调核心竞争力和成就
4. 细节完善：确保信息层次清晰，易于阅读
## 设计风格
- 整体风格：专业现代风格，适合[职业领域]行业特点
- 配色方案：使用[配色名称]配色方案，保持专业感的同时彰显个性
- 字体选择：使用专业无衬线字体，确保可读性
- 视觉元素：合理使用图标和简洁视觉元素增强信息呈现
## 技术要求
- 开发框架：使用HTML5和TailwindCSS构建
- 固定尺寸：严格遵循A4纸尺寸(595px×842px)
- 响应式考虑：虽以打印为主，但应确保在屏幕上也能正常显示
- 打印优化：优化为打印友好格式
## 资源配置
- 图标库：使用专业图标如Lucide React或Font Awesome
- 布局模式：分栏式布局，合理利用空间
- 外部引用：通过CDN引入所需资源
## 交付标准
- 代码质量：结构清晰，有适当注释
- 布局检查：确保内容合理分布，无溢出问题
- 文件格式：单一HTML文件，方便导出PDF
## 特殊要求
- 确保简历设计符合行业标准和期望
- 技能部分可视化呈现专业水平
- 考虑ATS友好性，确保简历可被招聘系统正确解析
也能设计作品集，比如我是写Prompt的，让它帮我生成一个Prompt合集页。
创建一个个人作品集的网站，用于展示我的原创prompt合集，包含“关于我”页面、“Prompt合集”展示区（代码块展示）、“博客”分享文章和“联系”表单等板块。
（可上下滑动，查看全图）
JavaScript语言，它也擅长，比如创建一个3D太阳系。
用Three.js构建可交互3D太阳系（参照真实的太阳系数据），需实现行星自转、公转、轨道倾角等功能。
以及，创建一个3D立方体。
创建一个3D旋转的立方体展示台，六个面显示不同颜色，自动旋转，添加光照效果和阴影等。
同时，这个模型还支持视觉理解能力，可以参照UI设计稿、截图或手绘草图生成新的代码。
比如，我们让他模仿WayToAGI社区生成一个WayToASI网站。
这是WayToAGI。
这是WayToASI。
你别说，改得还挺像的。
一些Tips
个人实测下来，Doubao-Seed-Code虽距离最顶尖的编程模型还有差距，但表现仍然不差。
说了这么多，我该怎么用呢？
1）免费体验
火山方舟模型体验中心，已经支持免费体验。选择模型「doubao-seed-code-preview-251028」，即可体验。
