SenseNova-Skills 环形流程布局(circular-flow)解析:循环类信息图的结构语法与生成实践 AI 技能人工智能深度研究数据分析媒体生成【免费下载链接】SenseNova-SkillsModular SenseNova skills for building AI-powered office assistants and productivity workflows项目地址https://gitcode.com/gh_mirrors/se/SenseNova-Skills点击查看免费下载本文以开源仓库 SenseNova-Skills 中sn-infographic技能的布局定义文件 circular-flow.md 为核心骨架系统讲解环形流程布局的结构组成、适用场景、视觉语法与文本放置规范并结合技能源码级的工作流布局选择、提示词拼接、质量评审给出可直接落地的生成实践。读完本文你将掌握如何为循环过程、反馈回路、生命周期类内容选择合适的环形布局并知道如何把它与其他布局、风格正确组合生成结构严谨、信息密度高的循环类信息图。一、布局定位circular-flow 在 sn-infographic 中的角色circular-flow是sn-infographic技能 references/layouts/ 目录下 87 个布局定义之一。该技能的整体定位是信息图生成场景技能tier 1收到用户请求后先分析内容、再选择布局与风格、最后通过多轮生成 VLM 评审输出质量最高的信息图。其完整工作流定义见 SKILL.md。布局定义文件的价值在于它不只是一个名字而是被 Worker Agent 在Step 2.3 提示词扩写阶段直接读取并拼进系统提示词的视觉契约。根据 SKILL.md 中的流程Worker 会先读取选中的布局文件与风格文件将二者连同扩写系统提示词、基础提示词模板拼接成完整的扩写系统提示expand-system-prompt.md再交由 LLM 把用户的原始信息重写为 400600 词的结构化图像生成提示。1.1 选择机制cycle/loop 数据类型的首选布局circular-flow并非随机出现的通用布局它对应着明确的内容分类。在 layout-style-selection.md 的Layout Candidates (by data_type)映射表中data_type首选布局match_score1.0备选布局match_score0.7cycle / loopcircular-flows-curve、wave-path、spiral-vortex也就是说当 Worker 在 Step 2.0 内容分析阶段依据 analysis-framework.md 的data_type字段判定用户内容属于循环/回路类时circular-flow就成为最高权重的候选。需要强调的是Step 2.1 的选择是基于名称的加权随机抽样而不是对文件内容的推理比较——首选名权重 ×10、备选名 ×9另从全部布局文件名中随机抽取 3 个 ×1再 shuffle 取第一个。因此circular-flow会以显著更高概率被选中但并非 100% 命中。1.2 与内容分析框架的呼应analysis-framework.md 的内容分类表同样把循环类内容单独归类类型特征推荐布局推荐风格Cycle/Loop循环过程、反馈回路circular-flow、s-curvetechnical-schematic、corporate-memphis这从分析阶段就为circular-flow的选用提供了依据凡是被判定为循环/回路结构的内容分析结果中layout_style_signals会给出指向该布局的信号。二、布局结构与视觉语法环形流程的完整定义circular-flow 的定义开宗明义Cyclic process showing continuous or recurring steps.以环形呈现连续或循环重复步骤的流程。这是所有循环类信息图的通用语义基础。2.1 Structure结构组成原文档定义的结构要素如下这是生成提示中信息架构部分必须遵守的骨架Circular arrangement环形排列内容围绕一个圆环排布而非线性展开Steps around the circle环绕圆环的步骤各个步骤节点均匀分布在圆周上Arrows showing direction箭头指示方向用方向箭头表达流转顺序No clear start/end (continuous)无明确起点/终点强调循环的连续性读者从任意节点进入都能理解流程Center can hold main concept中心可承载核心概念圆环中心可放置主题概念形成辐射 汇聚的双重阅读焦点。2.2 Visual Elements视觉元素原文档列出的视觉元素清单是提示词扩写阶段必须具象化的部分Circle or ring shape圆形或环形基底布局的主载体Directional arrows方向箭头可沿顺时针或逆时针引导阅读Step nodes evenly spaced均匀分布的步骤节点保证视觉节奏平衡Icons per step每步一个图标每个节点配语义相关的图标增强辨识度Optional center element可选中心元素中心概念图、徽章或总结性符号。2.3 Text Placement文本放置规范Title at top标题置于顶部主标题不进入圆环内部保持页面层级清晰Step labels at each node步骤标签置于各节点节点旁直接标注步骤名Brief descriptions near nodes节点附近的简短描述说明文字紧邻对应节点避免引线过长Center concept if applicable如适用则放中心概念中心元素承载主题词或核心结论Cycle name循环名称标注该循环的整体名称帮助读者建立全局认知。实践要点这五项文本放置规则与 base-prompt.md 中主标题突出可读、标签清晰、尺寸合适的要求直接衔接。扩写时需把这些要素转化为对图像模型的空间指令例如步骤标签均匀环绕圆环、说明文字紧贴节点外侧、标题位于顶部中央。三、适用场景何时选择 circular-flow 而不是其他布局原文档的 Best For 清单定义了四类核心适用场景Recurring processes循环重复的过程如轮班流程、迭代开发周期Feedback loops反馈回路如用户反馈 → 产品改进 → 再反馈Lifecycle stages生命周期阶段如产品生命周期、客户旅程阶段Continuous improvement持续改进如 PDCA计划-执行-检查-处理循环Natural cycles自然循环如季节更替、水循环、生态循环。3.1 与同族布局的差异化对比对于 cycle/loop 类内容候选池里还有三个替代布局定义文件同样位于 references/layouts/ 目录布局结构特征视觉气质适合场景circular-flow严格的圆环排列无起点终点中心可承载主概念对称、均衡、系统性强循环语义、需要体现闭环的内容s-curve沿 S 形双曲线上下流动左右交替排布流动、有节奏感多步骤流程的流动版或带叙事性的过程wave-path沿正弦波排列节点在波峰波谷交替柔和、有韵律强调涨落节奏的循环过程、时间线替代方案spiral-vortex螺旋向内收敛至中心外圈到内圈递减聚焦、纵深由宽到窄的聚焦叙事、递增深度的循环从 s-curve.md、wave-path.md、spiral-vortex.md 三个定义文件可以看出它们的共同点是用路径连接循环节点区别在于路径形态决定了视觉隐喻——圆环强调闭环S 形强调流动波浪强调起伏螺旋强调收敛。如果内容的核心诉求是无始无终的闭环关系circular-flow是语义匹配度最高的选择。四、推荐风格搭配三种配对的实际效果原文档在 Recommended Pairings 中给出了三种风格搭配建议。这三个风格定义文件均可在 references/styles/ 目录下查看这里结合原文逐一展开4.1crayon-hand-drawn友好型循环定义见 crayon-hand-drawn.md蜡笔手绘质感、温暖柔和色调米白背景 蜡笔盒红蓝黄绿点缀、略带童趣的不完美线条、手绘涂鸦元素。搭配效果把抽象的循环关系转化为亲切、易亲近的示意图适合儿童教育、科普内容与友好指南。4.2corporate-memphis商务流程型循环定义见 corporate-memphis.md扁平矢量人形 鲜艳几何色块紫、橙、青、黄、白或浅粉背景、无描边纯色填充。搭配效果把循环流程包装成专业的商业图表适合业务流程图、企业培训材料。4.3subway-map交通线路型循环定义见 subway-map.md地铁线路图风格仅用 45° 与 90° 折线、彩色线路 站台圆点标记、换乘符号、简化地理。搭配效果把循环步骤当作地铁环线来呈现适合流程地图、路线说明类内容站台即步骤节点环线即循环路径。组合建议subway-map的 45°/90° 折线规则与 circular-flow 的圆环本身存在张力——圆环用曲线地铁图用折线。在实际生成中二者融合常表现为多边形环线 站台节点属于该搭配的可接受变体若追求严格圆环可优先选择前两种风格。五、生成实践如何在提示词中落地 circular-flow5.1 布局参数如何进入最终提示词在 base-prompt.md 的模板中布局通过{{LAYOUT}}占位符注入Image Specifications区块而{{LAYOUT_GUIDELINES}}则由扩写后的布局描述填充。整个链路为Step 2.1 选定布局名如circular-flowStep 2.3 读取 circular-flow.md 并拼入扩写系统提示LLM 依据 prompts-expand-system.md 的角色设定把布局结构转化为可执行的视觉描述。5.2 扩写系统对环形布局的约束prompts-expand-system.md 中有两条约束对 circular-flow 尤其重要Relational Arrow Logic尽量减少箭头使用优先用空间邻近与对齐暗示连接若必须使用箭头要指明精确的起点与终点。环形布局天然依赖箭头表达流转方向因此扩写时应写成沿圆环顺时针方向的弧形箭头连接相邻节点这类精确描述而非笼统的水平箭头Semantic Icon Correspondence每个图标必须具体描述其视觉内容如在规划节点旁画一个带齿轮的日历图标不得用一个图标这类泛指。环形布局每步一个图标这一约束直接保证节点辨识度。5.3 可复用的环形布局描述模板结合布局定义与扩写规范一段可直接用于生成提示的环形布局描述可组织为该信息图采用环形流程布局主体为一个圆形环带沿圆周均匀分布 N 个步骤节点每个节点配有 [具体图标描述] 与步骤标签节点之间以 [顺时针/逆时针] 方向的弧形箭头连接示意循环流转圆环中心放置核心概念徽章 [具体主题]主标题位于画面顶部中央循环名称标注于 [位置]整体无明确的起点与终点强调闭环循环。5.4 案例参考案例库 docs/sn-infographic-examples_CN.md 中有多幅使用循环/环形结构生成的示例可作为环形布局的实际效果参考上图为Pixel Art Mobile Games案例提示词中明确描述为 a circular flowchart with four main sections arranged around a central circle, connected by thick white arrows indicating a cyclical process——这正是 circular-flow 布局环形排列 中心元素 方向箭头的标准形态。上图为清洁地球可持续未来案例提示词中注明整体布局呈循环流程图结构通过自然转化与人工转化两条路径汇合后闭环于底部地球直观演示了循环 中心概念的布局用法。六、环形布局的质量检查要点信息图生成后会经过 VLM 评审评审规则见 prompts-critic-system.md。其中与环形布局强相关的检查项包括规则检查内容环形布局的常见失败形态Rule 2 — Imbalanced Element Distribution视觉权重是否失衡节点全部挤在圆环一侧另一侧大面积留白Rule 7 — Chaotic Connector Routing连接线是否混乱环形箭头交叉缠绕、角度不一致、走向不可追踪Rule 8 — Ambiguous Leader Line Branching引线归属是否清晰说明文字与节点间的引线过近或扇出难以判断指向Rule 5 — Illegible Text文字是否可读圆环上的标签旋转角度过大导致倒置难读特别提醒圆环是文字排布的高风险区。环形节点标签若沿圆周旋转排版容易触发 Rule 5 的无法可靠阅读判定。因此在扩写提示中应主动约束标签保持水平可读、仅节点图标随环旋转并在max_rounds 1时利用 VLM 评审反馈修正。七、小结circular-flow 是 SenseNova-Skillssn-infographic技能中针对 cycle/loop 类内容的首选布局它以圆环 环绕步骤 方向箭头 中心概念的结构语法将循环、反馈、生命周期、持续改进等无始无终的关系转化为对称、均衡、可闭环阅读的视觉表达。在技能的两层 Agent 架构中它由 Step 2.1 的加权随机选择命中经 Step 2.3 读取定义并拼入扩写提示最终通过 base-prompt 模板注入图像模型。掌握它的结构要素、文本放置规范与三种推荐风格搭配crayon-hand-drawn、corporate-memphis、subway-map即可在实战中稳定产出高质量的循环类信息图。赞分享AI 技能人工智能深度研究数据分析媒体生成【免费下载链接】SenseNova-SkillsModular SenseNova skills for building AI-powered office assistants and productivity workflows项目地址https://gitcode.com/gh_mirrors/se/SenseNova-Skills点击查看免费下载相关推荐SenseNova-Skills 信息图布局详解text-wrap 杂志式文字环绕排版实战指南SenseNova Skills 信息图布局详解text wrap 杂志式文字环绕排版实战指南 在 SenseNova Skills 开源仓库的 sn infAI 技能人工智能深度研究数据分析媒体生成老 iPhone 重获新生palera1n 越狱完整指南A8 到 A11老 iPhone 重获新生palera1n 越狱完整指南A8 到 A11 手里还留着 iPhone 7、甚至 6s 的旧机器系统停在好几年前新 AppAI 技能人工智能深度研究数据分析媒体生成SenseNova-Skills 信息图磁贴布局 tile-layout 详解Metro 风格色块网格的结构、选型与实战SenseNova Skills 信息图磁贴布局 tile layout 详解Metro 风格色块网格的结构、选型与实战 tile layout 是 SensAI 技能人工智能深度研究数据分析媒体生成创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考