飞书多维表格→喜茶风概念图→原型站：豆包工作一条链路跑完产品创意

场景

你在做一个 AI 硬件产品的概念策划，脑子里有一堆点子，但迟迟没有落地：

• 用飞书多维表格存了 10 个产品创意，每张表只有名字、分类、一句话描述
• 想让它们变成视觉稿，去 PPT 里找素材、做图，再建个网页展示
• 全程要在飞书、PPT、设计工具、代码编辑器之间来回切，半小时只搞定两张图

豆包工作 + 飞书连接器 + 技能商店这条链路，能把上面这三件事压成一次对话。你不需要会设计，也不需要写代码，豆包帮你做完整条流水线。

前置准备

1. 飞书多维表格：至少包含「产品名」「分类」「一句话描述」「优先级」四列，多行数据更好（建议 5—20 行）。
2. GitHub 上的喜茶风 Skill：搜索关键词 xicha-style-image 或类似，找一个 star 数较高、最近有更新的仓库，复制项目主页 URL。
3. 豆包工作电脑版：技能安装、生图、建站都集中在客户端，网页版能力受限。

⚠️ 飞书连接器需要你先在豆包工作中授权一次（点击「添加连接器」→ 选飞书 → 登录授权），后续无需重复。

怎么做

第一步：读取飞书多维表格

在豆包工作对话框直接发送：

请调用飞书连接器，读取我飞书空间里《AI DayDreamer 产品创意》这个多维表格的全部记录，
提取每一行的「产品名」「分类」「一句话描述」「优先级」字段，按 Markdown 表格格式输出给我确认。

豆包会返回一个预览表格，你快速扫一眼，确认字段和行数对得上，然后说「确认，继续」。

第二步：安装喜茶风技能

把 GitHub 仓库 URL 发给豆包：

帮我安装这个技能：https://github.com/xxx/xicha-style-image
安装完成后告诉我技能名称和核心功能。

豆包工作会自动下载、解析、安装，完成后会列出技能包含的文件和核心能力。

第三步：批量生成喜茶风概念图

请按以下步骤处理：
1. 对表格中的每一行产品，用 Seedream 4.5 先生成一张 Apple 风格的纯白背景概念图
2. 再把这张图通过「喜茶风」技能转换成喜茶风格（黑色手绘涂鸦小人 + 主产品区域保留）
3. 生成的图上传回多维表格对应行的新附件列「概念图」

规格：正方形，1024×1024，白色背景，风格干净。
产出前先给我看第一张图的链接，确认风格对了再批量跑。

这一步建议切到云电脑环境跑，本地电脑锁屏或休眠会中断任务。

第四步：搭建原型网站

基于多维表格里的所有产品信息和已生成的概念图，帮我搭建一个产品概念展示页：
- 标题：AI DayDreamer 产品概念集
- 布局：瀑布流，两列，卡片展示（图在上，产品名+分类+描述在下）
- 风格：现代简约，浅灰底，圆角卡片，hover 有轻微上浮阴影
- 首页放一个 banner 图（用第一个产品的概念图）

生成后把代码打包发我，同时给一个在线预览链接。

提示词

完整链路提示词（一次发完，适合熟悉流程的老手）

【步骤一】读取飞书多维表格《产品创意表》，提取全部记录，Markdown 表格输出确认后继续。

【步骤二】安装 GitHub 技能：https://github.com/xxx/xicha-style-image，安装后汇报技能名称。

【步骤三】对每个产品：
  a) 用 Seedream 4.5 生成 Apple 风格纯白背景概念图（1024×1024）
  b) 通过已安装的喜茶风技能转换为喜茶风
  c) 上传图片到表格对应行的「概念图」附件列
  → 第一张图生成后暂停，给我预览链接，确认风格再继续批量

【步骤四】基于表格数据和概念图，搭建产品概念展示页（瀑布流、两列、圆角卡片、hover 上浮阴影），
         首页 banner 用第一个产品的概念图，生成后给在线预览链接和代码压缩包。

【规则】
- 拿不准风格时以喜茶风 Skill 的原图效果为准
- 表格里没有的产品名不要编，用「未命名产品」替代
- 所有图片必须上传回表格后再汇报，不要只给本地路径

分步精简版提示词（适合新手，逐步确认）

【第一步】读取飞书多维表格《产品创意表》，Markdown 表格输出给我确认。

【第二步】安装技能：https://github.com/xxx/xicha-style-image

【第三步】先生成第一个产品的概念图（Apple 风格纯白背景），给我预览链接确认风格。

【第四步】风格确认后，批量为剩余产品生成喜茶风概念图，上传回表格。

【第五步】基于表格数据 + 概念图，搭建产品概念展示页，给预览链接和代码。

为什么这么写

先预览第一张图再批量。 喜茶风 Skill 的效果有一定随机性，第一张图如果色调偏暗或涂鸦密度不对，后续批量全废。先确认风格，再放开批量，省一次重新跑的时间。

分步发比一次性塞完更稳。 四步任务一次丢给豆包，它容易跳过中间环节或者在某一步卡住。拆成独立步骤，每一步都能看到进度，中途发现问题也能及时停手调整。

云电脑跑生图任务。 Seedance / Seedream 生图对算力要求高，云电脑不会因电脑休眠或锁屏而中断，本地环境跑长任务风险较大。

「表格没有的不编」。 产品名、分类、描述如果表格里是空的，让它标「未命名」而不是自己瞎编，避免后续返工。

执行过程大概长这样

1. 读取多维表格，输出预览表格
2. 安装喜茶风 Skill（约 30 秒）
3. 生成第一个 Apple 风格概念图（约 30 秒）
4. 转换为喜茶风（约 10 秒）→ 给你预览链接
5. 确认风格后批量生成剩余产品图（每张约 10—30 秒）
6. 上传图片回表格
7. 搭建原型网站（约 1—2 分钟）
8. 输出预览链接 + 代码压缩包

全程不需要切软件，所有操作在豆包工作一个窗口内完成。

验收清单

• [ ] 多维表格新增「概念图」附件列，每行都有对应的图片
• [ ] 随机抽 3 张图，风格为喜茶风（黑色手绘涂鸦小人 + 主产品区域保留）
• [ ] 原型站能正常打开，产品卡片展示正确
• [ ] 首屏 banner 用的是第一个产品的概念图
• [ ] 代码压缩包下载后结构清晰，可直接 npm run dev 启动

变体

只生图不建站：跳过第四步，把概念图作为素材库沉淀在表格里，后续随时取用。

只建站不出图：跳过前三步，直接把现有图片文件夹路径告诉豆包，让它基于本地图片搭页面。适合已有素材库的场景。

换成其他风格：喜茶风只是其中一个 Skill，GitHub 上还有「赛博朋克风」「极简线条风」「水彩手绘风」等多种视觉风格 Skill，替换安装链接即可，其余步骤不变。

常见问题

Q：安装 GitHub 技能失败，提示「无法解析仓库」？ A：确认 URL 是项目主页（带 README.md 的那个），不是某个子目录或分支页。有些仓库需要 main 分支，豆包默认拉 master，可以加一句「请从 main 分支拉取」。

Q：喜茶风图效果不好，涂鸦小人太密或太稀？ A：在喜茶风 Skill 的配置里调整 涂鸦密度 参数，或者直接换一个同类风格 Skill（如「手绘涂鸦风」「扁平插画风」）替换。

Q：多维表格读不到，显示「权限不足」？ A：确认该表在你的飞书空间内，且豆包工作已通过飞书连接器授权访问你的企业/个人飞书账号。重新授权一次即可。

Q：原型站预览链接打不开？ A：豆包工作默认部署在临时域名，24 小时后会过期。如需长期保留，把生成的代码下载后部署到 Vercel / Netlify / 自己的服务器。

Q：批量生图跑到一半断了怎么办？ A：在任务页面点「恢复」，它会从断点继续。不要重复发整条链路，否则可能重复生成同一批图。

来源与时效

• 主要来源：觉醒学院《我把每天找选题、写初稿的活完全交给 AI，电脑关机还在跑，整套飞书配置 + 专属 Skill 全部开源…》（2026-09）、塔猴《工作交给豆包：实测 AI 办公新体验》（2026-09）、DoNews《豆包工作上线多 Agent 并行与 Mac 本地 GUI 操作功能》（2026-09）
• 补充参考：豆包工作「技能·连接器·伙伴」官方功能公告（2026-09-10）
• 整理日期：2026-09-24
• 版本时效：基于豆包工作 2026 年 9 月版本，Skill 安装方式和飞书连接器能力以实际客户端为准