多列能力总览板

复现方式：依赖 skill multimodal-imagegen（来源 github.com/lindong28/lindong-skills）——把 Prompt 原样粘贴给 Claude / Codex 即可：Prompt 开头写明了 skill 地址，agent 会自行安装，并向你确认要画的内容、用途、尺寸与参考图。下方各层样例的完整 Prompt 也可直接交给图片模型（L3 附上展示的参考图）。

L3 样例

1 个

产品能力总览对比

控制: 构图
场景: 宣传推广
交付物: 海报正文配图
模型依赖: 多模态模型
目标平台: 未指定

三层对照

3 层

场景：产品介绍；交付物：用于网页与社交媒体同屏浏览的产品能力总览海报。

每层的四块就是实际生成输入。点击“复制”可取得按顺序拼接、带 # 标题的 Prompt；使用 L3 时还需附上下方的实际参考图。

L1 · Description

按四块阅读输入

复制四块组合的 Prompt

角色与任务

# 角色与任务

角色：产品信息图设计师
场景：产品介绍
任务：让开发者在一张图里理解团队 AI 工作台的五项核心能力。
读者：开发者
交付物：用于网页与社交媒体同屏浏览的产品能力总览海报

基本要求

# 基本要求

- 输出规格：PNG，1536×864 像素（宽×高），宽高比 16:9。参考图的尺寸不改变输出规格。
- 中文。只使用内容与素材给出的中文与 FlowPilot 名称。
- 优先保证标题、五个能力名和三条关键词清楚可辨。
- 不添加二维码、水印、网址或第三方品牌。

视觉要求

# 视觉要求

## 风格与深色背景

风格：霓虹像素 UI 信息图。
背景：深海军蓝近黑 #050A22，带稀疏像素网格、短电路线和微小星点，不做平滑摄影渐变。

## 像素轮廓与配色

像素语言：所有边框、图标、角标与装饰采用清脆的 8-bit / 16-bit 方格轮廓，保持明显像素阶梯和整数网格感；不用圆润矢量插画或抗锯齿玻璃拟态。
色彩：高亮青 #17D9FF、荧光绿 #4DFF8B、亮黄 #FFD24A、电子紫 #9D65FF、亮橙 #FF8A2A、玫红 #FF4F77 分区使用，配近白 #F3F6FF 文字和深蓝阴影；每个区有独立主色但整体平衡。

## 图标界面与字体

图标与界面：使用像素机器人、终端窗口、文件、齿轮、对话框、箭头和状态灯等简洁图标；外框像复古游戏 HUD 与终端仪表板，信息密集但层级清楚。
字体：标题使用粗大的方块像素字，说明用较小的等宽像素字；中文保持横平竖直、字重清晰，编号形成强视觉锚点。

## 像素质感与表现边界

质感：复古街机像素艺术与现代开发者工具界面的结合；不用写实摄影、纸张肌理、水彩、柔和粉彩、圆角 SaaS 卡片或光滑 3D 渲染。

如附参考图：借用深海军蓝底、清脆像素阶梯轮廓、霓虹分区色、终端 HUD 装饰及像素字体；本图的内容、文字和空间组织以本次任务为准，不复制参考图的具体图标、文字、事实、品牌或栏目数量。

用横向多列分区组织产品能力，每列由编号标题、图标条目和简短说明组成，底部以总结横条收束。

内容与素材

# 内容与素材

标题：FlowPilot：团队 AI 工作台
副标题：从想法到交付，一张图看懂五项能力
五项能力依次为：
1 需求拆解｜识别目标 · 澄清约束 · 形成任务
2 研究取证｜检索资料 · 核对来源 · 汇总结论
3 协作执行｜分派角色 · 共享上下文 · 持续推进
4 质量复核｜检查结果 · 定位偏差 · 修订交付
5 持续迭代｜记录反馈 · 沉淀模板 · 下次更好
总结语：让复杂工作持续向前。

# 角色与任务

角色：产品信息图设计师
场景：产品介绍
任务：让开发者在一张图里理解团队 AI 工作台的五项核心能力。
读者：开发者
交付物：用于网页与社交媒体同屏浏览的产品能力总览海报

# 基本要求

- 输出规格：PNG，1536×864 像素（宽×高），宽高比 16:9。参考图的尺寸不改变输出规格。
- 中文。只使用内容与素材给出的中文与 FlowPilot 名称。
- 优先保证标题、五个能力名和三条关键词清楚可辨。
- 不添加二维码、水印、网址或第三方品牌。

# 视觉要求

## 风格与深色背景

风格：霓虹像素 UI 信息图。
背景：深海军蓝近黑 #050A22，带稀疏像素网格、短电路线和微小星点，不做平滑摄影渐变。

## 像素轮廓与配色

像素语言：所有边框、图标、角标与装饰采用清脆的 8-bit / 16-bit 方格轮廓，保持明显像素阶梯和整数网格感；不用圆润矢量插画或抗锯齿玻璃拟态。
色彩：高亮青 #17D9FF、荧光绿 #4DFF8B、亮黄 #FFD24A、电子紫 #9D65FF、亮橙 #FF8A2A、玫红 #FF4F77 分区使用，配近白 #F3F6FF 文字和深蓝阴影；每个区有独立主色但整体平衡。

## 图标界面与字体

图标与界面：使用像素机器人、终端窗口、文件、齿轮、对话框、箭头和状态灯等简洁图标；外框像复古游戏 HUD 与终端仪表板，信息密集但层级清楚。
字体：标题使用粗大的方块像素字，说明用较小的等宽像素字；中文保持横平竖直、字重清晰，编号形成强视觉锚点。

## 像素质感与表现边界

质感：复古街机像素艺术与现代开发者工具界面的结合；不用写实摄影、纸张肌理、水彩、柔和粉彩、圆角 SaaS 卡片或光滑 3D 渲染。

如附参考图：借用深海军蓝底、清脆像素阶梯轮廓、霓虹分区色、终端 HUD 装饰及像素字体；本图的内容、文字和空间组织以本次任务为准，不复制参考图的具体图标、文字、事实、品牌或栏目数量。

用横向多列分区组织产品能力，每列由编号标题、图标条目和简短说明组成，底部以总结横条收束。

# 内容与素材

标题：FlowPilot：团队 AI 工作台
副标题：从想法到交付，一张图看懂五项能力
五项能力依次为：
1 需求拆解｜识别目标 · 澄清约束 · 形成任务
2 研究取证｜检索资料 · 核对来源 · 汇总结论
3 协作执行｜分派角色 · 共享上下文 · 持续推进
4 质量复核｜检查结果 · 定位偏差 · 修订交付
5 持续迭代｜记录反馈 · 沉淀模板 · 下次更好
总结语：让复杂工作持续向前。

L2 · Prompt Template

按四块阅读输入

复制四块组合的 Prompt

角色与任务

# 角色与任务

角色：产品信息图设计师
场景：产品介绍
任务：让开发者在一张图里理解团队 AI 工作台的五项核心能力。
读者：开发者
交付物：用于网页与社交媒体同屏浏览的产品能力总览海报

基本要求

# 基本要求

- 输出规格：PNG，1536×864 像素（宽×高），宽高比 16:9。参考图的尺寸不改变输出规格。
- 中文。只使用内容与素材给出的中文与 FlowPilot 名称。
- 优先保证标题、五个能力名和三条关键词清楚可辨。
- 不添加二维码、水印、网址或第三方品牌。

视觉要求

# 视觉要求

## 风格与深色背景

风格：霓虹像素 UI 信息图。
背景：深海军蓝近黑 #050A22，带稀疏像素网格、短电路线和微小星点，不做平滑摄影渐变。

## 像素轮廓与配色

像素语言：所有边框、图标、角标与装饰采用清脆的 8-bit / 16-bit 方格轮廓，保持明显像素阶梯和整数网格感；不用圆润矢量插画或抗锯齿玻璃拟态。
色彩：高亮青 #17D9FF、荧光绿 #4DFF8B、亮黄 #FFD24A、电子紫 #9D65FF、亮橙 #FF8A2A、玫红 #FF4F77 分区使用，配近白 #F3F6FF 文字和深蓝阴影；每个区有独立主色但整体平衡。

## 图标界面与字体

图标与界面：使用像素机器人、终端窗口、文件、齿轮、对话框、箭头和状态灯等简洁图标；外框像复古游戏 HUD 与终端仪表板，信息密集但层级清楚。
字体：标题使用粗大的方块像素字，说明用较小的等宽像素字；中文保持横平竖直、字重清晰，编号形成强视觉锚点。

## 像素质感与表现边界

质感：复古街机像素艺术与现代开发者工具界面的结合；不用写实摄影、纸张肌理、水彩、柔和粉彩、圆角 SaaS 卡片或光滑 3D 渲染。

如附参考图：借用深海军蓝底、清脆像素阶梯轮廓、霓虹分区色、终端 HUD 装饰及像素字体；本图的内容、文字和空间组织以本次任务为准，不复制参考图的具体图标、文字、事实、品牌或栏目数量。

## 纵列布局与整体关系

构图：多列能力总览板。
关系：按阅读顺序把多项能力分成等宽纵列，所有列置于同一连续外框内，以分隔线连接成一个整体，不做透视场景或彼此漂浮的卡片。

## 页首、条目与总结层级

层级：页首放产品名与一句总述；每列以大号编号和能力名起头，中部放数量一致的图标条目与短说明；页底用横向总结条收束。

## 列间对齐与权重一致性

一致性：各列共享标题基线、内边距、图标尺度和文字密度；分区可有独立强调色，但阅读权重保持均衡。

如附参考图：仅借用横向等宽能力纵列、连续外框、编号标题、图标条目、短说明和底部总结横条的组织关系；本次保持五项能力与给定文字，不复制参考图的其它品牌、文字、事实或具体图标。

内容与素材

# 内容与素材

标题：FlowPilot：团队 AI 工作台
副标题：从想法到交付，一张图看懂五项能力
五项能力依次为：
1 需求拆解｜识别目标 · 澄清约束 · 形成任务
2 研究取证｜检索资料 · 核对来源 · 汇总结论
3 协作执行｜分派角色 · 共享上下文 · 持续推进
4 质量复核｜检查结果 · 定位偏差 · 修订交付
5 持续迭代｜记录反馈 · 沉淀模板 · 下次更好
总结语：让复杂工作持续向前。

# 角色与任务

角色：产品信息图设计师
场景：产品介绍
任务：让开发者在一张图里理解团队 AI 工作台的五项核心能力。
读者：开发者
交付物：用于网页与社交媒体同屏浏览的产品能力总览海报

# 基本要求

- 输出规格：PNG，1536×864 像素（宽×高），宽高比 16:9。参考图的尺寸不改变输出规格。
- 中文。只使用内容与素材给出的中文与 FlowPilot 名称。
- 优先保证标题、五个能力名和三条关键词清楚可辨。
- 不添加二维码、水印、网址或第三方品牌。

# 视觉要求

## 风格与深色背景

风格：霓虹像素 UI 信息图。
背景：深海军蓝近黑 #050A22，带稀疏像素网格、短电路线和微小星点，不做平滑摄影渐变。

## 像素轮廓与配色

像素语言：所有边框、图标、角标与装饰采用清脆的 8-bit / 16-bit 方格轮廓，保持明显像素阶梯和整数网格感；不用圆润矢量插画或抗锯齿玻璃拟态。
色彩：高亮青 #17D9FF、荧光绿 #4DFF8B、亮黄 #FFD24A、电子紫 #9D65FF、亮橙 #FF8A2A、玫红 #FF4F77 分区使用，配近白 #F3F6FF 文字和深蓝阴影；每个区有独立主色但整体平衡。

## 图标界面与字体

图标与界面：使用像素机器人、终端窗口、文件、齿轮、对话框、箭头和状态灯等简洁图标；外框像复古游戏 HUD 与终端仪表板，信息密集但层级清楚。
字体：标题使用粗大的方块像素字，说明用较小的等宽像素字；中文保持横平竖直、字重清晰，编号形成强视觉锚点。

## 像素质感与表现边界

质感：复古街机像素艺术与现代开发者工具界面的结合；不用写实摄影、纸张肌理、水彩、柔和粉彩、圆角 SaaS 卡片或光滑 3D 渲染。

如附参考图：借用深海军蓝底、清脆像素阶梯轮廓、霓虹分区色、终端 HUD 装饰及像素字体；本图的内容、文字和空间组织以本次任务为准，不复制参考图的具体图标、文字、事实、品牌或栏目数量。

## 纵列布局与整体关系

构图：多列能力总览板。
关系：按阅读顺序把多项能力分成等宽纵列，所有列置于同一连续外框内，以分隔线连接成一个整体，不做透视场景或彼此漂浮的卡片。

## 页首、条目与总结层级

层级：页首放产品名与一句总述；每列以大号编号和能力名起头，中部放数量一致的图标条目与短说明；页底用横向总结条收束。

## 列间对齐与权重一致性

一致性：各列共享标题基线、内边距、图标尺度和文字密度；分区可有独立强调色，但阅读权重保持均衡。

如附参考图：仅借用横向等宽能力纵列、连续外框、编号标题、图标条目、短说明和底部总结横条的组织关系；本次保持五项能力与给定文字，不复制参考图的其它品牌、文字、事实或具体图标。

# 内容与素材

标题：FlowPilot：团队 AI 工作台
副标题：从想法到交付，一张图看懂五项能力
五项能力依次为：
1 需求拆解｜识别目标 · 澄清约束 · 形成任务
2 研究取证｜检索资料 · 核对来源 · 汇总结论
3 协作执行｜分派角色 · 共享上下文 · 持续推进
4 质量复核｜检查结果 · 定位偏差 · 修订交付
5 持续迭代｜记录反馈 · 沉淀模板 · 下次更好
总结语：让复杂工作持续向前。

L3 · Exemplar

按四块阅读输入

复制四块组合的 Prompt

角色与任务

# 角色与任务

角色：产品信息图设计师
场景：产品介绍
任务：让开发者在一张图里理解团队 AI 工作台的五项核心能力。
读者：开发者
交付物：用于网页与社交媒体同屏浏览的产品能力总览海报

基本要求

# 基本要求

- 输出规格：PNG，1536×864 像素（宽×高），宽高比 16:9。参考图的尺寸不改变输出规格。
- 中文。只使用内容与素材给出的中文与 FlowPilot 名称。
- 优先保证标题、五个能力名和三条关键词清楚可辨。
- 不添加二维码、水印、网址或第三方品牌。

视觉要求

# 视觉要求

## 风格与深色背景

风格：霓虹像素 UI 信息图。
背景：深海军蓝近黑 #050A22，带稀疏像素网格、短电路线和微小星点，不做平滑摄影渐变。

## 像素轮廓与配色

像素语言：所有边框、图标、角标与装饰采用清脆的 8-bit / 16-bit 方格轮廓，保持明显像素阶梯和整数网格感；不用圆润矢量插画或抗锯齿玻璃拟态。
色彩：高亮青 #17D9FF、荧光绿 #4DFF8B、亮黄 #FFD24A、电子紫 #9D65FF、亮橙 #FF8A2A、玫红 #FF4F77 分区使用，配近白 #F3F6FF 文字和深蓝阴影；每个区有独立主色但整体平衡。

## 图标界面与字体

图标与界面：使用像素机器人、终端窗口、文件、齿轮、对话框、箭头和状态灯等简洁图标；外框像复古游戏 HUD 与终端仪表板，信息密集但层级清楚。
字体：标题使用粗大的方块像素字，说明用较小的等宽像素字；中文保持横平竖直、字重清晰，编号形成强视觉锚点。

## 像素质感与表现边界

质感：复古街机像素艺术与现代开发者工具界面的结合；不用写实摄影、纸张肌理、水彩、柔和粉彩、圆角 SaaS 卡片或光滑 3D 渲染。

如附参考图：借用深海军蓝底、清脆像素阶梯轮廓、霓虹分区色、终端 HUD 装饰及像素字体；本图的内容、文字和空间组织以本次任务为准，不复制参考图的具体图标、文字、事实、品牌或栏目数量。

## 纵列布局与整体关系

构图：多列能力总览板。
关系：按阅读顺序把多项能力分成等宽纵列，所有列置于同一连续外框内，以分隔线连接成一个整体，不做透视场景或彼此漂浮的卡片。

## 页首、条目与总结层级

层级：页首放产品名与一句总述；每列以大号编号和能力名起头，中部放数量一致的图标条目与短说明；页底用横向总结条收束。

## 列间对齐与权重一致性

一致性：各列共享标题基线、内边距、图标尺度和文字密度；分区可有独立强调色，但阅读权重保持均衡。

如附参考图：仅借用横向等宽能力纵列、连续外框、编号标题、图标条目、短说明和底部总结横条的组织关系；本次保持五项能力与给定文字，不复制参考图的其它品牌、文字、事实或具体图标。

内容与素材

# 内容与素材

标题：FlowPilot：团队 AI 工作台
副标题：从想法到交付，一张图看懂五项能力
五项能力依次为：
1 需求拆解｜识别目标 · 澄清约束 · 形成任务
2 研究取证｜检索资料 · 核对来源 · 汇总结论
3 协作执行｜分派角色 · 共享上下文 · 持续推进
4 质量复核｜检查结果 · 定位偏差 · 修订交付
5 持续迭代｜记录反馈 · 沉淀模板 · 下次更好
总结语：让复杂工作持续向前。

# 角色与任务

角色：产品信息图设计师
场景：产品介绍
任务：让开发者在一张图里理解团队 AI 工作台的五项核心能力。
读者：开发者
交付物：用于网页与社交媒体同屏浏览的产品能力总览海报

# 基本要求

- 输出规格：PNG，1536×864 像素（宽×高），宽高比 16:9。参考图的尺寸不改变输出规格。
- 中文。只使用内容与素材给出的中文与 FlowPilot 名称。
- 优先保证标题、五个能力名和三条关键词清楚可辨。
- 不添加二维码、水印、网址或第三方品牌。

# 视觉要求

## 风格与深色背景

风格：霓虹像素 UI 信息图。
背景：深海军蓝近黑 #050A22，带稀疏像素网格、短电路线和微小星点，不做平滑摄影渐变。

## 像素轮廓与配色

像素语言：所有边框、图标、角标与装饰采用清脆的 8-bit / 16-bit 方格轮廓，保持明显像素阶梯和整数网格感；不用圆润矢量插画或抗锯齿玻璃拟态。
色彩：高亮青 #17D9FF、荧光绿 #4DFF8B、亮黄 #FFD24A、电子紫 #9D65FF、亮橙 #FF8A2A、玫红 #FF4F77 分区使用，配近白 #F3F6FF 文字和深蓝阴影；每个区有独立主色但整体平衡。

## 图标界面与字体

图标与界面：使用像素机器人、终端窗口、文件、齿轮、对话框、箭头和状态灯等简洁图标；外框像复古游戏 HUD 与终端仪表板，信息密集但层级清楚。
字体：标题使用粗大的方块像素字，说明用较小的等宽像素字；中文保持横平竖直、字重清晰，编号形成强视觉锚点。

## 像素质感与表现边界

质感：复古街机像素艺术与现代开发者工具界面的结合；不用写实摄影、纸张肌理、水彩、柔和粉彩、圆角 SaaS 卡片或光滑 3D 渲染。

如附参考图：借用深海军蓝底、清脆像素阶梯轮廓、霓虹分区色、终端 HUD 装饰及像素字体；本图的内容、文字和空间组织以本次任务为准，不复制参考图的具体图标、文字、事实、品牌或栏目数量。

## 纵列布局与整体关系

构图：多列能力总览板。
关系：按阅读顺序把多项能力分成等宽纵列，所有列置于同一连续外框内，以分隔线连接成一个整体，不做透视场景或彼此漂浮的卡片。

## 页首、条目与总结层级

层级：页首放产品名与一句总述；每列以大号编号和能力名起头，中部放数量一致的图标条目与短说明；页底用横向总结条收束。

## 列间对齐与权重一致性

一致性：各列共享标题基线、内边距、图标尺度和文字密度；分区可有独立强调色，但阅读权重保持均衡。

如附参考图：仅借用横向等宽能力纵列、连续外框、编号标题、图标条目、短说明和底部总结横条的组织关系；本次保持五项能力与给定文字，不复制参考图的其它品牌、文字、事实或具体图标。

# 内容与素材

标题：FlowPilot：团队 AI 工作台
副标题：从想法到交付，一张图看懂五项能力
五项能力依次为：
1 需求拆解｜识别目标 · 澄清约束 · 形成任务
2 研究取证｜检索资料 · 核对来源 · 汇总结论
3 协作执行｜分派角色 · 共享上下文 · 持续推进
4 质量复核｜检查结果 · 定位偏差 · 修订交付
5 持续迭代｜记录反馈 · 沉淀模板 · 下次更好
总结语：让复杂工作持续向前。

实际传入的参考图（1 张）

模板说明

用横向多列分区组织产品能力，每列由编号标题、图标条目和简短说明组成，底部以总结横条收束。

Prompt 模板

1 条

zh默认

## 执行方式

本 Prompt 依赖 skill multimodal-imagegen（公开仓 https://github.com/lindong28/lindong-skills 的 multimodal-imagegen/ 目录）；模板页 https://prompts.aiplanet.live/image/multi-column-capability-board/ 。执行者若尚未安装，先 git clone 该仓库，把 multimodal-imagegen/ 放到 Claude Code 的 ~/.claude/skills/ 或 Codex 的 ~/.agents/skills/。然后按该 skill 的流程执行：本节之外的内容是本次的视觉要求模块；用途、尺寸、构图条件与参考图默认沿用模板页样例的设定（skill 从模板页读取），只向用户询问仍缺的信息（通常只有要画的内容），装配成完整绘图输入后交给可用的图片生成工具。

## 纵列布局与整体关系

构图：多列能力总览板。
关系：按阅读顺序把多项能力分成等宽纵列，所有列置于同一连续外框内，以分隔线连接成一个整体，不做透视场景或彼此漂浮的卡片。

## 页首、条目与总结层级

层级：页首放产品名与一句总述；每列以大号编号和能力名起头，中部放数量一致的图标条目与短说明；页底用横向总结条收束。

## 列间对齐与权重一致性

一致性：各列共享标题基线、内边距、图标尺度和文字密度；分区可有独立强调色，但阅读权重保持均衡。