inknote-article-visuals

Polar Sponsor
爱发电 赞助
.NET 9.0

当用户要求根据中文文章内容生成文章配图、封面图、章节插图、社交媒体帖文配图,或图像生成提示词(image prompts)时使用,尤其适用于 AI 产品、Vibe Coding、设计、创作者工具、效率提升及个人知识工作等相关主题。

笔记本 Doodle Article Visuals.

功能概述

笔记本 Doodle Article Visuals.是一项面向实际任务的技能,主要用于Overview.;Generate 默认完成文章插图, 而不仅仅是提示;

核心要点

  • 请将样式保持为扫描的笔记本页: 纹理白的规范纸张, 苍白的蓝色。
  • 它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。
  • 使用时应结合输入条件选择合适的执行方式,核对必要参数、依赖环境与输出内容,并按原始要求处理异常情况。

使用与执行

该技能适合需要稳定复用相关能力的场景,可作为自动化工作流的一部分,也便于后续检查、调整和扩展。从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;

结果检查与注意事项

若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。

笔记本涂鸦风格文章配图规范

概述

默认生成已完成的成品插图,而非仅输出提示词(prompt)。整体风格需模拟真实扫描的纸质笔记本页面:带纹理的白色横线稿纸、淡蓝色水平横线、一条红色侧边线、粗黑记号笔绘制的涂鸦、手写风格的粗体中文标题、不规则的方框、页边空白处的微型批注、简洁图标,以及一至两个小面积彩色点缀。

最终效果应让人感觉是一张用记号笔手绘后扫描进来的真 notebook 页面,而非干净的 SVG、海报、UI 原型图或数字插画。所有可见文字必须呈现手绘质感:笔触压力不均、单字大小不一、基线略歪斜,严禁使用任何清晰规整的数字字体。

在撰写最终提示词或生成图像前,请先加载 references/style-guide.md 文件。

风格基准

以 assets/examples/ 目录下的示例图为当前视觉基准。新产出图像应更贴近这些示例,而非整洁的图表类设计:

  • assets/examples/codex-mobile-cover.png:用于参考封面信息密度、纸张纹理质感及手写标题字号比例。请将其视为风格标尺,而非当前封面交付布局模板。
  • assets/examples/codex-mobile-work-anywhere.png、assets/examples/codex-mobile-decision.png 和 assets/examples/codex-mobile-remote-ssh.png:用于参考正文内 16:9 构图、粗糙 UI 卡片造型、粗黑记号笔线条风格,以及小面积红色点缀的用法。

将 assets/style-reference.jpg 视为通用风格参考,而 assets/examples/ 才是本技能实际生产所遵循的标准。

工作流程

  1. 通读文章或需求简报,用一句话提炼面向读者的核心承诺(reader promise)。
  2. 将文章拆解为 3–6 个视觉节奏点:封面、核心概念、流程说明、对比呈现、实例示意、结尾备注。
  3. 选择最小但足够有效的图像集:
    • 仅需封面时:分别设计一张 2.35:1 横版封面与一张 1:1 方形封面,再合并为一张上传主图(master image)。
    • 完整文章配图时:制作 1 张封面 + 3–5 张正文插图。
    • 仅用于创意构思时:仅当用户明确要求“出创意”“给提示词”或“给构图建议”时,返回分镜列表(shot list)即可。
  4. 优先使用具象隐喻,避免抽象 AI 风格图像。推荐元素包括:粗糙工具面板、便签纸、窗口框、箭头、勾选清单、机器人简笔画、光标指针、文件夹图标、微缩人物、杂乱手写批注等。
  5. 确保每张图在手机端清晰可读:聚焦一个核心概念,图中可见文字最多 3–7 个词,禁止在图内嵌入大段密集段落文字。
  6. 若图像含中文文字,须在提示词中明确声明:粗体手写中文记号笔字迹,非印刷字体,非书法体,非排印字体。
  7. 针对整套文章视觉包,除非用户明确要求一次性生成全部图像,否则须先生成封面并等待风格确认后再继续制作正文插图。
  8. 当图像生成工具就绪时,直接生成成品图像。
  9. 内部需包含否定提示词(negative prompt),排除以下风格:干净数字字体、精致矢量插画、3D 渲染、高光渐变、企业风商用图库插图、照片级写实、过度卡通化的吉祥物风格。

双格式封面主图(Dual-Format Cover Master)

独立创作两张不同比例的封面变体,再合并为单张交付图像:

  • 左侧面板:2.35:1 横版封面,适用于信息流与列表展示场景。
  • 右侧面板:1:1 方形封面,适用于分享卡片与个人主页展示场景。
  • 左右两面板高度一致,并严丝合缝横向拼接。合并后主图总宽高比为 3.35:1。
  • 方形面板不可简单裁剪自横版面板,须针对正方形构图重新组织标题与主体草图。
  • 两面板须保持统一视觉理念、纸张纹理、黑色记号笔线宽、中文字体风格及点缀色逻辑。
  • 若横版文案过长,方形面板允许使用更短标题,但需确保语义完全一致,不强求逐字相同。
  • 所有关键内容(标题、人物、箭头、核心对象等)必须严格限定在各自面板内,禁止跨越边界。
  • 除非用户明确要求提供分开的文件,否则仅交付合并后的单张主图。

若分别生成两种比例能获得更优构图或文字准确性,可先分别生成,再人工合成至单张 3.35:1 主图后交付。

提示词质量锁定(Prompt Quality Lock)

即使启用直接图像生成,仍须坚持“提示词先行”。调用任何图像生成工具前,须在内部完整撰写英文终版提示词,其细节程度应与纯提示词输出一致,不得简化为摘要式短句。

该提示词必须包含以下要素:

  • 手绘风格笔记本涂鸦插图,绘制于带纹理的白色横线稿纸上,含淡蓝色水平横线与一条红色侧边线
  • 粗黑记号笔线条
  • 略有瑕疵的矩形与箭头
  • 粗体手写中文标题
  • 疏朗排版,适配移动端阅读
  • 仅使用一处小面积彩色点缀
  • 扫描纸张纹理、自然阴影、高对比度黑色墨水

针对中文文字,推荐采用如下表述:

粗体手写中文标题“[精确原文]”,黑色粗记号笔笔触,压力不均,单字大小不一,基线略歪斜,非印刷字体

严禁让直接生成过程将风格简化为干净 UI 图、SVG 类插画或系统字体排印效果。

输出格式

默认输出为成品图像 + 简短用途说明。除非用户主动索要,否则不暴露冗长提示词。

若用户提出以下任一请求:提示词、Prompt、prompt-only、只要提示词 或 不要出图,则仅返回提示词内容,不调用图像生成工具。

对于直接图像生成:

  • 首先依据 Prompt Quality Lock 在内部完成终版提示词撰写;
  • 使用图像生成工具执行生成;
  • 如环境支持,直接在响应中展示成品图像;
  • 附加简短说明,含 用途、建议位置 与 尺寸。封面图须注明 3.35:1 合并主图(左 2.35:1 + 右 1:1);
  • 文字说明须简洁扼要。

对于纯提示词请求,须提供以下字段:

  • 用途:封面 / 小节图 / 过渡图 / 结尾图
  • 画面:一句话描述构图
  • 文字:图中实际出现的全部可见文字(如有)
  • Prompt:终版英文图像提示词
  • Negative prompt:需排除的风格项
  • 尺寸:推荐宽高比

若图像生成工具支持参考图功能,请使用 assets/style-reference.jpg 作为本地风格参考图。

输出存储规范

  • 若用户提供明确输出路径,则将最终图像保存至该路径。
  • 否则,在本技能根目录(即包含本 SKILL.md 的目录)下创建并使用 output/ 子目录。
  • 默认路径始终从技能根目录解析,绝不可从文章路径、当前工作目录或活跃宿主项目中推导。
  • 仅复制选定的最终成品图像至 output/;禁止复制废弃草稿或中间生成文件。
  • 使用语义清晰的文件名,例如 [主题]-cover-master.png 与 [主题]-section-01.png。
  • 禁止覆盖已有图像。若目标文件名已存在,自动追加 -v2、-v3 等版本标识。
  • 在响应中报告最终图像的绝对保存路径。
  • 若无法在技能根目录创建或写入 output/,须明确报错并请用户指定其他路径;禁止静默保存至其他项目目录。

直接图像生成规则

  • 若用户提出 直接出图、生成图片、成品图、配图、封面图 等指令,或提供文章并要求配图,即启动直接成品图像生成。
  • 若用户明确要求提示词而非成品图,则禁止调用图像生成工具。
  • 若用户要求整套文章视觉包,须先生成 1 张封面图并请求风格确认,再生成正文插图;除非用户明确要求一次性生成全部图像。
  • 封面图计为 1 张成品图(即合并后的 3.35:1 主图),而非 2 张独立交付物。
  • 若需生成多张图像,须确保视觉一致性:纸张纹理相同、黑色记号笔线宽一致、点缀色逻辑统一。
  • 若图内文字准确性至关重要,则务必控制可见文字极简,并在提示词中重复书写精确中文原文。
  • 若风格准确性更为关键,则优先保障手写字体、扫描纸张质感与不完美记号笔线条,而非追求文字排版工整。
  • 每张成品图均须严格遵守 Output Storage 规范。
  • 若工具无法生成图像,则回退至纯提示词输出,并明确告知用户。

预检清单(Preflight Checklist)

在生成图像或返回提示词前,请快速核验以下要点:

  • 封面输出为单张 3.35:1 合并主图(左 2.35:1 + 右 1:1);正文插图统一采用 16:9 比例。
  • 封面左右两面板均为独立有效构图,无任何关键内容跨越拼接边界。
  • 整套文章视觉包默认先交付 1 张封面供风格确认,除非用户明确要求一次性生成全部图像。
  • 提示词须与 assets/examples/ 示例图对齐:纸张纹理、粗黑记号笔线条、手写中文标题、手绘 UI 卡片、克制的红色点缀。
  • 图中可见文字须精炼、适配移动端阅读,并明确描述为“手写记号笔字迹”,而非“印刷体”或“数字字体”。
  • 否定提示词须有效屏蔽 SVG 类插画、干净数字字体、精致矢量插画、3D 渲染、企业风商用图库图、信息密度过高的信息图。

对抗性验证关卡(Adversarial Verification Gate)

每次生成完成图像后、宣布成功前,必须执行此关卡校验。若任一硬性指标未通过,则不得将图像作为最终交付成果;须重新生成、重新拼接,或清晰报告失败原因。

硬性可量化检查项:

  • 封面图:核查保存图像尺寸。最终文件整体宽高比须近似 3.35:1,且左右区域须通过等高隐含实现(左区约 2.35:1,右区约 1:1)。纯 16:9、纯 2.35:1 或单面板封面均为不合格输出。
  • 正文插图:核查保存图像尺寸。最终文件宽高比须近似 16:9。
  • 封面图:响应中必须注明 3.35:1 合并主图(左 2.35:1 + 右 1:1),禁止写作 16:9 横版文章封面。
  • 最终保存路径必须符合 Output Storage 规范。若用户未指定路径,却将图像保存在源文章同级目录下,即为不合格输出。

视觉风格检查项:

  • 图像须呈现为真实扫描的笔记本页面:可见横线稿纸、红色侧边线、粗黑记号笔线条、不规则方框/箭头、克制的点缀色。
  • 中文标题文字须呈现明显的手写记号笔压力感,不可形似干净数字中文字体。
  • 拒绝一切看似“干净卡通场景”、“精致编辑类海报”、“UI 原型图”、“图库风办公桌照”或“泛用 AI 科技封面”的输出,即便主题正确亦不接受。
  • 拒绝仅以旧示例图(如 assets/examples/codex-mobile-cover.png)为布局模板的封面——该图仅为风格标尺,不等于允许交付单张 16:9 封面。

macOS 系统建议本地尺寸核查命令:

sips -g pixelWidth -g pixelHeight /absolute/path/to/final-image.png

文章配图默认设定

  • 封面主图:宽高比 3.35:1,由左侧等高 2.35:1 横版面板与右侧独立构图的 1:1 方形面板拼接而成。
  • 封面文字:横版标题须简洁;方形版可进一步精简,但须保持原意不变。
  • 正文插图比例:16:9;线稿须足够粗,确保在手机屏幕上清晰可辨。
  • 文字语言:默认使用中文;仅当文章标题或用户简报为英文时,才使用英文。
  • 整体调性:聪慧、手工感、略带凌乱、设计师手账气质;避免低龄化课堂作业风。
  • 字体表现:图中所有可见文字须呈现为粗黑记号笔手写效果。禁用系统字体、干净无衬线体、矢量字母、完美对齐、海报式排版。

提示词骨架(Prompt Skeleton)

手绘风格笔记本涂鸦插图,绘制于带纹理的白色横线稿纸上,含淡蓝色水平横线与一条红色侧边线,粗黑记号笔线条,压力不均,略有瑕疵的矩形与箭头,微型手写批注,简洁工具图标与小型涂鸦人物,[主题/构图描述],[可见文字为粗体手写中文记号笔字迹,基线不规则,非印刷字体],疏朗排版,适配移动端阅读,网络文章用编辑类插图,仅使用一处小面积彩色点缀,扫描纸张纹理,自然阴影,高对比度黑色墨水。

相关专题

更多
Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

2026.11.06

0

12

Postman请求头Headers怎么设置
Postman请求头Headers怎么设置

围绕Postman HTTP请求头配置展开,讲解Headers选项的具体使用方式,包括Key和Value参数填写、请求头信息添加、常见Header字段设置及请求头修改方法,帮助用户解决接口调试过程中遇到的请求头配置问题。

2026.11.06

0

13

Postman接口请求发送教程
Postman接口请求发送教程

详细介绍Postman接口请求的创建与发送方法,涵盖GET和POST请求、URL配置、请求参数、Headers请求头、Body请求体设置以及响应结果查看,帮助用户掌握Postman接口请求的完整操作流程。

2026.11.06

0

10

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

2026.11.05

0

12

DBeaver安全防护教程大全
DBeaver安全防护教程大全

DBeaver安全防护专题,围绕数据库连接安全、账号密码保护和访问权限管理展开,整理SSL/TLS加密连接、SSH隧道、数据库凭据保存及证书验证等配置方法,同时介绍敏感信息保护、远程连接风险和高权限账号使用等注意事项,帮助用户提高数据库日常管理的安全性。

2026.11.05

0

12

DBeaver连接创建与配置教程
DBeaver连接创建与配置教程

本专题聚焦DBeaver数据库连接配置与管理,覆盖从新建连接、选择数据库类型到填写连接参数和验证连接的完整流程。针对MySQL、PostgreSQL、SQL Server等常见数据库,整理相应的连接设置方法,并提供驱动缺失、认证失败和连接异常等问题的排查方向。

2026.11.04

0

16

XORM框架结构体映射与表结构同步
XORM框架结构体映射与表结构同步

本专题围绕XORM框架的结构体映射展开,说明表名与字段的命名策略、xorm标签常用属性、主键自增与时间字段自动填充,并演示Sync2自动建表、增量字段升级、索引声明与反向生成结构体的完整流程。

2026.11.04

0

15

XORM框架安装配置与数据库连接
XORM框架安装配置与数据库连接

本专题聚焦XORM框架的配置与连接环节,拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择,讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式,并补充容器与兼容数据库的适配经验。

2026.11.04

0

15

XORM框架安装配置与数据库连接
XORM框架安装配置与数据库连接

本专题聚焦XORM框架的配置与连接环节,拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择,讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式,并补充容器与兼容数据库的适配经验。

2026.11.04

0

16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.7万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 134.1万人学习