组件卡片
复现方式：依赖 skill multimodal-imagegen（来源 github.com/lindong28/lindong-skills）——把 Prompt 原样粘贴给 Claude / Codex 即可：Prompt 开头写明了 skill 地址，agent 会自行安装，并向你确认要画的内容、用途、尺寸与参考图。下方各层样例的完整 Prompt 也可直接交给图片模型（L3 附上展示的参考图）。
L3 样例
1 个三层对照
3 层场景：知识讲解；交付物：文章中部配图。
每层的四块就是实际生成输入。点击“复制”可取得按顺序拼接、带 # 标题的 Prompt；使用 L3 时还需附上下方的实际参考图。
按四块阅读输入
角色与任务
# 角色与任务 角色：知识图解设计师 场景：知识讲解 任务：为个人知识管理文章介绍笔记系统的四个部件。 读者：个人知识管理入门读者 交付物：文章中部配图
基本要求
# 基本要求 - 输出规格：PNG，1024×1536 像素（宽×高），宽高比 2:3。参考图的尺寸不改变输出规格。 - 仅表达给定内容，不虚构事实、数据、地名、品牌。 - 文字清晰可读。 - 使用中文；只出现内容与素材中明确列出的文字，不加水印或署名。
视觉要求
# 视觉要求 用一组边界清晰的卡片分别承载组件、职责或机制，再用少量视觉线索关联 ## 风格与纸面背景 风格：暖纸扁平插画。 背景：暖米白 #F7F2E9，带细腻纸张颗粒纹理。 ## 线条与大地色 线条：深棕黑 #3A2E24，粗而均匀，端点圆润，略带自然手绘感；避免机械式精确几何。 色彩：低饱和大地色——赭石 #C08552、橄榄绿 #8A9B6E、灰蓝 #7D95A5、暖沙 #D9C7A9、深红棕 #A15E4B。 ## 平涂质感 质感：只用平涂和纸纹；无渐变、阴影或 3D。
内容与素材
# 内容与素材 四个并列部件，地位相等，无先后强弱： 收件箱：敞口托盘里有几张待处理纸条；说明「暂存待处理的记录」。 卡片盒：分好隔断的盒子中竖立卡片；说明「保存整理好的卡片」。 索引页：画着分支的目录纸；说明「串联卡片之间的关系」。 归档柜：贴着标签的一排抽屉；说明「收好暂时不用的资料」。 总标题：「笔记系统的四个部件」。部件标签：「收件箱」「卡片盒」「索引页」「归档柜」。
# 角色与任务 角色：知识图解设计师 场景：知识讲解 任务：为个人知识管理文章介绍笔记系统的四个部件。 读者：个人知识管理入门读者 交付物：文章中部配图 # 基本要求 - 输出规格：PNG，1024×1536 像素（宽×高），宽高比 2:3。参考图的尺寸不改变输出规格。 - 仅表达给定内容，不虚构事实、数据、地名、品牌。 - 文字清晰可读。 - 使用中文；只出现内容与素材中明确列出的文字，不加水印或署名。 # 视觉要求 用一组边界清晰的卡片分别承载组件、职责或机制，再用少量视觉线索关联 ## 风格与纸面背景 风格：暖纸扁平插画。 背景：暖米白 #F7F2E9，带细腻纸张颗粒纹理。 ## 线条与大地色 线条：深棕黑 #3A2E24，粗而均匀，端点圆润，略带自然手绘感；避免机械式精确几何。 色彩：低饱和大地色——赭石 #C08552、橄榄绿 #8A9B6E、灰蓝 #7D95A5、暖沙 #D9C7A9、深红棕 #A15E4B。 ## 平涂质感 质感：只用平涂和纸纹；无渐变、阴影或 3D。 # 内容与素材 四个并列部件，地位相等，无先后强弱： 收件箱：敞口托盘里有几张待处理纸条；说明「暂存待处理的记录」。 卡片盒：分好隔断的盒子中竖立卡片；说明「保存整理好的卡片」。 索引页：画着分支的目录纸；说明「串联卡片之间的关系」。 归档柜：贴着标签的一排抽屉；说明「收好暂时不用的资料」。 总标题：「笔记系统的四个部件」。部件标签：「收件箱」「卡片盒」「索引页」「归档柜」。
按四块阅读输入
角色与任务
# 角色与任务 角色：知识图解设计师 场景：知识讲解 任务：为个人知识管理文章介绍笔记系统的四个部件。 读者：个人知识管理入门读者 交付物：文章中部配图
基本要求
# 基本要求 - 输出规格：PNG，1024×1536 像素（宽×高），宽高比 2:3。参考图的尺寸不改变输出规格。 - 仅表达给定内容，不虚构事实、数据、地名、品牌。 - 文字清晰可读。 - 使用中文；只出现内容与素材中明确列出的文字，不加水印或署名。
视觉要求
# 视觉要求 ## 组件分区 用边界清晰的一组卡片分别承载组件。卡片按阅读顺序排列成规整网格，地位相等的组件采用相近的面积和视觉权重；不把并列组件画成先后流程。 ## 卡片内部层级 每张卡片包含一个主体图形、一个名称及本次提供的简短说明，保持相同的对齐方式、内边距和图文层级。总标题位于卡片组之外，统领整体。 ## 关系与留白 仅在内容明确给出关系时，以少量连接线或共用分区表达关联。卡片之间保留清楚间距；风格、色彩、质感及具体组件采用本次视觉要求和内容素材。 如附参考图：借用竖向画布上分区清晰的组件卡片和各卡片内部图文关系；采用本次指定的暖纸风格，不复制参考图的文字、组件名称、人物或品牌。 ## 风格与纸面背景 风格：暖纸扁平插画。 背景：暖米白 #F7F2E9，带细腻纸张颗粒纹理。 ## 线条与大地色 线条：深棕黑 #3A2E24，粗而均匀，端点圆润，略带自然手绘感；避免机械式精确几何。 色彩：低饱和大地色——赭石 #C08552、橄榄绿 #8A9B6E、灰蓝 #7D95A5、暖沙 #D9C7A9、深红棕 #A15E4B。 ## 平涂质感 质感：只用平涂和纸纹；无渐变、阴影或 3D。
内容与素材
# 内容与素材 四个并列部件，地位相等，无先后强弱： 收件箱：敞口托盘里有几张待处理纸条；说明「暂存待处理的记录」。 卡片盒：分好隔断的盒子中竖立卡片；说明「保存整理好的卡片」。 索引页：画着分支的目录纸；说明「串联卡片之间的关系」。 归档柜：贴着标签的一排抽屉；说明「收好暂时不用的资料」。 总标题：「笔记系统的四个部件」。部件标签：「收件箱」「卡片盒」「索引页」「归档柜」。
# 角色与任务 角色：知识图解设计师 场景：知识讲解 任务：为个人知识管理文章介绍笔记系统的四个部件。 读者：个人知识管理入门读者 交付物：文章中部配图 # 基本要求 - 输出规格：PNG，1024×1536 像素（宽×高），宽高比 2:3。参考图的尺寸不改变输出规格。 - 仅表达给定内容，不虚构事实、数据、地名、品牌。 - 文字清晰可读。 - 使用中文；只出现内容与素材中明确列出的文字，不加水印或署名。 # 视觉要求 ## 组件分区 用边界清晰的一组卡片分别承载组件。卡片按阅读顺序排列成规整网格，地位相等的组件采用相近的面积和视觉权重；不把并列组件画成先后流程。 ## 卡片内部层级 每张卡片包含一个主体图形、一个名称及本次提供的简短说明，保持相同的对齐方式、内边距和图文层级。总标题位于卡片组之外，统领整体。 ## 关系与留白 仅在内容明确给出关系时，以少量连接线或共用分区表达关联。卡片之间保留清楚间距；风格、色彩、质感及具体组件采用本次视觉要求和内容素材。 如附参考图：借用竖向画布上分区清晰的组件卡片和各卡片内部图文关系；采用本次指定的暖纸风格，不复制参考图的文字、组件名称、人物或品牌。 ## 风格与纸面背景 风格：暖纸扁平插画。 背景：暖米白 #F7F2E9，带细腻纸张颗粒纹理。 ## 线条与大地色 线条：深棕黑 #3A2E24，粗而均匀，端点圆润，略带自然手绘感；避免机械式精确几何。 色彩：低饱和大地色——赭石 #C08552、橄榄绿 #8A9B6E、灰蓝 #7D95A5、暖沙 #D9C7A9、深红棕 #A15E4B。 ## 平涂质感 质感：只用平涂和纸纹；无渐变、阴影或 3D。 # 内容与素材 四个并列部件，地位相等，无先后强弱： 收件箱：敞口托盘里有几张待处理纸条；说明「暂存待处理的记录」。 卡片盒：分好隔断的盒子中竖立卡片；说明「保存整理好的卡片」。 索引页：画着分支的目录纸；说明「串联卡片之间的关系」。 归档柜：贴着标签的一排抽屉；说明「收好暂时不用的资料」。 总标题：「笔记系统的四个部件」。部件标签：「收件箱」「卡片盒」「索引页」「归档柜」。
按四块阅读输入
角色与任务
# 角色与任务 角色：知识图解设计师 场景：知识讲解 任务：为个人知识管理文章介绍笔记系统的四个部件。 读者：个人知识管理入门读者 交付物：文章中部配图
基本要求
# 基本要求 - 输出规格：PNG，1024×1536 像素（宽×高），宽高比 2:3。参考图的尺寸不改变输出规格。 - 仅表达给定内容，不虚构事实、数据、地名、品牌。 - 文字清晰可读。 - 使用中文；只出现内容与素材中明确列出的文字，不加水印或署名。
视觉要求
# 视觉要求 ## 组件分区 用边界清晰的一组卡片分别承载组件。卡片按阅读顺序排列成规整网格，地位相等的组件采用相近的面积和视觉权重；不把并列组件画成先后流程。 ## 卡片内部层级 每张卡片包含一个主体图形、一个名称及本次提供的简短说明，保持相同的对齐方式、内边距和图文层级。总标题位于卡片组之外，统领整体。 ## 关系与留白 仅在内容明确给出关系时，以少量连接线或共用分区表达关联。卡片之间保留清楚间距；风格、色彩、质感及具体组件采用本次视觉要求和内容素材。 如附参考图：借用竖向画布上分区清晰的组件卡片和各卡片内部图文关系；采用本次指定的暖纸风格，不复制参考图的文字、组件名称、人物或品牌。 ## 风格与纸面背景 风格：暖纸扁平插画。 背景：暖米白 #F7F2E9，带细腻纸张颗粒纹理。 ## 线条与大地色 线条：深棕黑 #3A2E24，粗而均匀，端点圆润，略带自然手绘感；避免机械式精确几何。 色彩：低饱和大地色——赭石 #C08552、橄榄绿 #8A9B6E、灰蓝 #7D95A5、暖沙 #D9C7A9、深红棕 #A15E4B。 ## 平涂质感 质感：只用平涂和纸纹；无渐变、阴影或 3D。
内容与素材
# 内容与素材 四个并列部件，地位相等，无先后强弱： 收件箱：敞口托盘里有几张待处理纸条；说明「暂存待处理的记录」。 卡片盒：分好隔断的盒子中竖立卡片；说明「保存整理好的卡片」。 索引页：画着分支的目录纸；说明「串联卡片之间的关系」。 归档柜：贴着标签的一排抽屉；说明「收好暂时不用的资料」。 总标题：「笔记系统的四个部件」。部件标签：「收件箱」「卡片盒」「索引页」「归档柜」。
# 角色与任务 角色：知识图解设计师 场景：知识讲解 任务：为个人知识管理文章介绍笔记系统的四个部件。 读者：个人知识管理入门读者 交付物：文章中部配图 # 基本要求 - 输出规格：PNG，1024×1536 像素（宽×高），宽高比 2:3。参考图的尺寸不改变输出规格。 - 仅表达给定内容，不虚构事实、数据、地名、品牌。 - 文字清晰可读。 - 使用中文；只出现内容与素材中明确列出的文字，不加水印或署名。 # 视觉要求 ## 组件分区 用边界清晰的一组卡片分别承载组件。卡片按阅读顺序排列成规整网格，地位相等的组件采用相近的面积和视觉权重；不把并列组件画成先后流程。 ## 卡片内部层级 每张卡片包含一个主体图形、一个名称及本次提供的简短说明，保持相同的对齐方式、内边距和图文层级。总标题位于卡片组之外，统领整体。 ## 关系与留白 仅在内容明确给出关系时，以少量连接线或共用分区表达关联。卡片之间保留清楚间距；风格、色彩、质感及具体组件采用本次视觉要求和内容素材。 如附参考图：借用竖向画布上分区清晰的组件卡片和各卡片内部图文关系；采用本次指定的暖纸风格，不复制参考图的文字、组件名称、人物或品牌。 ## 风格与纸面背景 风格：暖纸扁平插画。 背景：暖米白 #F7F2E9，带细腻纸张颗粒纹理。 ## 线条与大地色 线条：深棕黑 #3A2E24，粗而均匀，端点圆润，略带自然手绘感；避免机械式精确几何。 色彩：低饱和大地色——赭石 #C08552、橄榄绿 #8A9B6E、灰蓝 #7D95A5、暖沙 #D9C7A9、深红棕 #A15E4B。 ## 平涂质感 质感：只用平涂和纸纹；无渐变、阴影或 3D。 # 内容与素材 四个并列部件，地位相等，无先后强弱： 收件箱：敞口托盘里有几张待处理纸条；说明「暂存待处理的记录」。 卡片盒：分好隔断的盒子中竖立卡片；说明「保存整理好的卡片」。 索引页：画着分支的目录纸；说明「串联卡片之间的关系」。 归档柜：贴着标签的一排抽屉；说明「收好暂时不用的资料」。 总标题：「笔记系统的四个部件」。部件标签：「收件箱」「卡片盒」「索引页」「归档柜」。
实际传入的参考图（1 张）
模板说明
用一组边界清晰的卡片分别承载组件、职责或机制，再用少量视觉线索关联
Prompt 模板
1 条zh默认
## 执行方式 本 Prompt 依赖 skill multimodal-imagegen（公开仓 https://github.com/lindong28/lindong-skills 的 multimodal-imagegen/ 目录）；模板页 https://prompts.aiplanet.live/image/component-cards/ 。执行者若尚未安装，先 git clone 该仓库，把 multimodal-imagegen/ 放到 Claude Code 的 ~/.claude/skills/ 或 Codex 的 ~/.agents/skills/。然后按该 skill 的流程执行：本节之外的内容是本次的视觉要求模块；用途、尺寸、构图条件与参考图默认沿用模板页样例的设定（skill 从模板页读取），只向用户询问仍缺的信息（通常只有要画的内容），装配成完整绘图输入后交给可用的图片生成工具。 ## 组件分区 用边界清晰的一组卡片分别承载组件。卡片按阅读顺序排列成规整网格，地位相等的组件采用相近的面积和视觉权重；不把并列组件画成先后流程。 ## 卡片内部层级 每张卡片包含一个主体图形、一个名称及本次提供的简短说明，保持相同的对齐方式、内边距和图文层级。总标题位于卡片组之外，统领整体。 ## 关系与留白 仅在内容明确给出关系时，以少量连接线或共用分区表达关联。卡片之间保留清楚间距；风格、色彩、质感及具体组件采用本次视觉要求和内容素材。