十年匠心定制 · 商业建站与技术教学双线并行 咨询热线:400-886-1026 service@lmnt.cn
ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

从预设定义到实拍笔记图卡:baoyu-skills 中 baoyu-xhs-images 的 study-notes 风格完全指南

从预设定义到实拍笔记图卡:baoyu-skills 中 baoyu-xhs-images 的 study-notes 风格完全指南 从预设定义到实拍笔记图卡baoyu-skills 中 baoyu-xhs-images 的 study-notes 风格完全指南【免费下载链接】baoyu-skills项目地址: https://gitcode.com/gh_mirrors/ba/baoyu-skills本篇技术指南以 baoyu-xhs-images 技能中study-notes学习笔记风格预设文件为核心逐字段拆解其元素组合 YAML、三色标注配色体系、三段式内容结构与布局兼容表并结合仓库中的 Prompt 组装流程、布局规范与预设解析逻辑讲清如何把真实学生笔记这一视觉方向稳定地转化为可复现的小红书图片卡系列。读完后你可以独立配置该风格的生成参数、选择合适的布局组合并理解其规格是如何一步步注入最终生图 Prompt 的。study-notes 风格在技能中的位置study-notes.md 是 baoyu-xhs-images 技能提供的 12 种视觉风格之一定位为逼真手写照片美学——学生笔记风格密集杂乱但可读Realistic handwritten photo aesthetic - student notes style, dense and messy but readable。该文件的 frontmatter 定义了两个元数据字段--- name: study-notes category: realistic ---其中category: realistic值得注意在 presets 目录 下各风格预设中其他风格的分类分别是 sweet、natural、cozy、impact、elegant、vintage、energetic、minimal、educational、poster 等study-notes 是唯一归类为 realistic 的风格预设也就是说它是整个风格库里唯一以真实照片而非手绘插画为渲染方向的风格。在 SKILL.md 中study-notes 通过三条路径被触达显式指定--style study-notes预设快捷方式--preset study-guide在 style-presets.md 中展开为study-notes dense无调色板覆盖面向学习笔记、考试重点场景自动选择当源内容中出现notes、handwritten、study guide、realistic等信号词时自动选择表推荐study-notes风格搭配dense/list/mindmap布局与study-guide预设。元素组合一份完整可复制的 YAML 配置预设文件的核心是 Element Combination 区块它用一份 YAML 声明了该风格在画布、图像处理、排版、装饰四个维度的取值canvas: ratio: portrait-3-4 grid: single image_effects: cutout: none stroke: none filter: natural-photo typography: decorated: none tags: none direction: horizontal decorations: emphasis: circle-mark | underline | checkmark | cross | star-simple background: lined-paper-white doodles: arrows-simple | margin-notes | corrections | explanatory-diagrams frames: none逐项结合仓库中的元素定义说明其含义画布canvasratio: portrait-3-4对应 canvas.md 中定义的 3:4 竖版画布1242×1660 像素文档标注其为小红书流量最高的推荐比例也是该技能的默认画布。grid: single单格构图对应 Grid Cells 中的single1 格——整页作为一块完整笔记纸面不做分格切割。这与整页写满手写内容的视觉方向一致。图像效果image_effectscutout: none、stroke: none不做抠图与描边。抠图clean/soft/stylized与描边white-solid/dashed 等在 image-effects.md 中主要服务于贴纸化、插画化的元素隔离study-notes 追求实拍照片质感任何贴纸式白边描边都会破坏真实感因此全部置空。filter: natural-photo滤镜字段声明为 natural-photo。结合 image-effects.md 中定义的滤镜族film-grain、high-saturation、muted-tones 等均为带明显情绪导向的调色可以推断此字段意在要求未经重度滤镜的自然照片色调为后续真实桌面俯拍的方向打底。排版typographydecorated: none、tags: none不使用花字gradient、stroke-text、neon 等装饰字效定义见 typography.md也不使用标签/气泡容器black-white、pill、ribbon 等。原因很直接——所有文字都必须呈现为手写上去的任何设计感花字或标签贴纸都会让画面从笔记照片退化成信息图。direction: horizontal横向书写这是手写笔记的默认阅读方向。装饰decorations装饰层从 decorations.md 定义的强调标记、背景、涂鸦、边框四类资产中做了严格筛选字段取值含义emphasiscircle-mark \| underline \| checkmark \| cross \| star-simple只允许圈注、下划线、对勾、叉号、简笔星号这五种笔迹式强调标记禁止 star-burst、exclamation 等高声量图形backgroundlined-paper-white横线白纸作为底材这是整张图的摄影场景doodlesarrows-simple \| margin-notes \| corrections \| explanatory-diagrams涂鸦限定为简笔箭头、边缘批注、涂改痕迹、解释性小图——全部是学生本人可能画出来的东西framesnone不使用任何边框polaroid、tape-corners、film-strip 等全部禁用这份组合的共同设计意图是所有视觉元素都必须能被解释为某支笔在纸上留下的痕迹不允许出现任何超出现实笔记逻辑的设计元素。三色标注体系一支笔、一只荧光笔、一支红笔预设文件定义了严格的配色表Three-Color Annotation System角色颜色描述HexPrimary主体蓝色圆珠笔、黑色墨水#1E3A5F、#1A1A1AHighlights高亮黄色荧光笔#FFFF0050% 不透明度Accents强调红笔圈画、下划线#CC0000Background背景白色横线纸#FFFFFF这套配色不是随机的装饰它把谁在什么时候动笔编码进了颜色语义里**蓝/黑色Primary**承担正文——模拟课堂记录的主笔**红色Accents#CC0000**只用于二次批注圈重点、画下划线、打星号、框标题模拟考前用红笔划重点**黄色荧光笔Highlights#FFFF00 且 50% 不透明度**用于刷出关键词。50% 不透明度是关键参数它模拟真实荧光笔半透明覆盖、笔触边缘略透底的物理效果满不透明度的纯黄会显得像后期贴纸。在 Prompt 组装层面这个配色表的作用路径可以从 prompt-assembly.md 的 Style Section Assembly 一节得到印证组装器从presets/{style}.md加载预设并抽取 Color Palette、Visual Elements、Typography 等字段注入 Style 区块。study-notes 的 frontmatter 没有声明default_palette按组装规则无--palette且无default_palette→ 使用风格内置颜色默认就使用上表的三色体系用户也可以用--palette macaron/warm/neon仅替换颜色而保留全部渲染规则——例如红黑笔记换成 macaron 奶油底但圈注、涂改、边缘批注这些规则不受影响。视觉元素与文字规范真实感来自不完美预设的 Visual Elements 一节列举了 8 条画面要素每条都在强化照片实拍这一方向Realistic photo perspective: top-down view of study desk真实照片视角学习桌面的俯拍Hand holding blue ballpoint pen, actively underlining手持蓝色圆珠笔正在划下划线的动态瞬间;Extremely dense handwritten content, filling entire page手写内容极度密集占满整页Red pen annotations: circles, underlines, stars, boxes红笔批注圈、下划线、星号、方框Yellow highlighter marking key terms荧光笔标记关键词Correction marks, cramped notes squeezed into margins涂改痕迹、挤在页边挤出的小字Simple hand-drawn symbols: → * ✓ ✗ !简笔符号箭头、星、对勾、叉、感叹号Varying pen pressure creating lighter and darker strokes笔压变化带来深浅不一的笔画。其中两条最容易被忽略却最影响效果一是动态的手actively underlining它让照片从摆拍笔记变成正在学习的中场是真实感的锚点二是笔压变化均匀墨迹是手写识别度的天敌深浅不一的笔画是区分手写照片与手写字体渲染的关键细节。Typography 一节则给出文字层面的四条规则Authentic student handwriting真实的学生手写体Messy but readable, clear structure maintained杂乱但可读保持清晰结构Varying font sizes: 大标题、小正文、页边微型批注CJK optimized针对中日韩文字优化保证中文手写效果。messy but readable 是这条风格的文字学核心杂乱是风格的一部分可读是硬底线。这也解释了为什么下文 DO/DONT 规则中把过于工整列为禁区。三段式内容结构一张笔记页的信息架构预设规定了固定的三段式版面Three-section layout把一张 3:4 竖版笔记页切分为上、中、下三个功能区Top Section顶部核心主题——用红笔多次圈出circled multiple times in red第一节标题 3~4 个要点箭头连接、红色下划线。Middle Section中部第二节标题——红笔方框圈定red pen box编号步骤 ①②③具体方法与补充笔记。Bottom Section底部第三节标题——红笔星号标注red star时间节点 / 关键指标金句 / 核心提示tiny corner notes挤在角落的微型批注。这套结构的妙处在于用批注语法替代设计语法做视觉分区三个段落标题分别用圈、框、星三种红笔动作区分读者不需要分隔线就能感知层级——这正是真实学霸笔记的组织方式。同时它与 dense 布局天然匹配dense 布局要求单图承载 5~8 个信息点、留白控制在 20~30%见 canvas.md 的密度表三段式恰好提供了容纳这些点数的骨架。布局兼容性为什么 sparse 是禁区预设给出的 Best Layout Pairings 表布局兼容性适用说明sparse✗不适用——该风格要求密集内容balanced✓内容较轻时可用dense✓✓最佳匹配——知识笔记、总结list✓✓步骤清单、排行comparison✓对比分析flow✓流程mindmap✓✓思维导图笔记quadrant✓四象限分析这张表与 SKILL.md 中全局的 Style × Layout Matrix 里 study-notes 一行完全一致sparse ✗、balanced ✓、dense/list/mindmap ✓✓、comparison/flow/quadrant ✓两处口径互验。sparse 被判 ✗ 的逻辑可以从布局定义推出sparse 是 1~2 个信息点、留白 60~70% 的最大冲击力布局而 study-notes 的第一视觉原则就是内容极度密集、占满整页——稀疏留白会直接暴露假笔记感。这也是为什么官方预设study-guide固定搭配 dense知识卡/考试重点天然是高密度内容。结合各布局的原始定义canvas.md最佳搭配的落地形态是dense✓✓5~8 个要点、结构化网格分区对应整页知识笔记list✓✓4~7 项纵向枚举对应步骤清单/考点排行与三段式中部的 ①②③ 编号天然衔接mindmap✓✓中心放射 4~8 分支对应知识脉络手账用 arrows-simple 涂鸦做连线。适用场景与风格红线Best For预设列出的五类适用内容Study guides, exam notes学习指南、考试笔记Knowledge organization, framework summaries知识整理、框架总结Tutorial summaries, quick notes教程总结、速记Top student notes style content学霸笔记风格内容Knowledge sharing requiring authentic feel需要真实感的知识分享。共同点是内容本身是结构化知识且真实、有人味比精致、有设计感更能提升信任度。风格红线Style Rules预设最后用 DO / DONT 划出了硬边界DO ✓Keep content extremely dense保持内容极度密集Use simple symbols (→ * ✓ ✗ !)只用简笔符号Annotate key points with red pen用红笔标注重点Include correction marks保留涂改痕迹Squeeze tiny notes into margins把小字挤进页边。DONT ✗Use complex emojis不用复杂 emojiLeave too much whitespace不过多留白;Make neat, tidy layouts不要做工整的版面Add colorful decorations不加彩色装饰Include cartoon elements不含卡通元素。这五条 DONT 与 DO 形成镜像真实笔记的瑕疵涂改、拥挤、潦草是资产设计感的整洁是负债。生成后若发现产出过于规整正确做法是回到 Prompt 中强化 correction marks、pen pressure、margin notes 等描述而不是接受一张假笔记。实操路径从命令到最终 Prompt三种触发方式# 1. 预设快捷方式推荐起点study-notes dense --preset study-guide # 2. 显式组合 --style study-notes --layout dense # 3. 自动选择内容含 notes/handwritten/study guide/realistic 等信号时自动推荐显式--style/--layout/--palette标志始终覆盖预设值见 style-presets.md 的 Override Examples。若希望长期使用该风格可在 EXTEND.md 中写入preferred_style: study-notes、preferred_layout: denseschema 定义见 preferences-schema.md。Prompt 组装链路按 prompt-assembly.md 的流程study-notes 的规格是这样进入最终 Prompt 的Step 0 解析预设--preset study-guide被解析为 stylestudy-notes、layoutdense、palette无Step 1 加载风格从 presets/study-notes.md 抽取配色表三色标注体系、Visual Elements俯拍桌面、手持笔、密集手写字、Typography真实手写、CJK 优化与 DO/DONT 规则填入 Style 区块Step 1.5 调色板判定无--palette且无default_palette使用内置三色不产生覆盖Step 2 加载布局从 canvas.md 取 dense 的参数——高信息密度5~8 点、20~30% 留白、结构化网格Step 3 内容格式化从大纲条目提取位置、文本层级与视觉概念Step 5 参考图链系列内首图不带--ref生成作为视觉锚点第 2 张起全部把图 1 作为参考图传入保证手写笔迹、纸张底色、红笔色在不同卡片间不漂移。一个值得留意的细节prompt-assembly.md 的基础模板中默认 Core Principles 写着 Hand-drawn quality throughout - NO realistic or photographic elements且 Text Style 要求禁止真实或电脑字体。study-notes 是category: realistic的唯一预设其真实照片 真实手写字的方向与这条默认原则相反。因此从组装逻辑看该风格的 Style 区块Visual Elements、Typography中对 top-down desk photo、authentic student handwriting 的显式描述就是驱动模型跳出默认手绘模板、转入实拍笔记方向的关键指令——这也是阅读该预设时应当整体保留、不宜随意删减的原因。产出物与修改规范一次完整的 study-guide 系列生成会在image-cards/{topic-slug}/下产出 source 文件、analysis.md、outline.md、prompts/NN-{type}-{slug}.md提示词文件与成图目录结构见 SKILL.md 的 File Layout 一节。后续修改遵循先改 Prompt 文件再重新生成的单一事实源原则若卡内文字出错策略是从修正后的 Prompt 重新生成新 Prompt 文件 新输出路径保留旧候选对比而不是对位图做程序化修补。小结study-notes 是 baoyu-xhs-images 技能中唯一以真实感为目标的风格预设其实现路径可以概括为三层元素层单格 3:4 画布 无抠图/描边/滤镜化 纸底 五种笔迹式强调标记把所有装饰约束在笔能在纸上留下什么的范围内语义层蓝黑正文 / 红笔批注 / 半透明黄色高亮的三色体系把记录—批注—划重点的时间顺序编码进颜色角色结构层圈、框、星三段式分区 dense/list/mindmap 高密度布局支撑 5~8 个信息点的整页学霸笔记。配套的 DO/DONT 规则则反向定义了风格的底线密度、涂改、页边小字是真实感的来源工整与装饰是必须排除的杂质。结合--preset study-guide、自动选择信号词与 EXTEND.md 偏好配置这套规格可以稳定地注入每次生成的最终 Prompt复现出风格一致的实拍学生笔记图卡系列。【免费下载链接】baoyu-skills项目地址: https://gitcode.com/gh_mirrors/ba/baoyu-skills创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表