设计官方
Blueprint Flow Ledger
将阶段转化、漏斗、资源流向和前后步骤损耗做成工程蓝图式单图:深色结论铭牌与阶梯式流程场形成强烈非对称构图,浅蓝图纸、白色流带和一个安全橙瓶颈共同说明“从哪里进入、在哪一步损失、最终流向哪里”。优先用于漏斗、Sankey、alluvial、阶段转化、用户旅程和有方向的资源流;不适合无顺序类别比较、抽象关系网络、地理路线或没有可验证阶段关系的数据。
Skill 文件
Skill
references
design-model.yaml
preview.html
SKILL.md
SKILL.md
| name | blueprint-flow-ledger |
|---|---|
| title | Blueprint Flow Ledger |
| description | 将阶段转化、漏斗、资源流向和前后步骤损耗做成工程蓝图式单图:深色结论铭牌与阶梯式流程场形成强烈非对称构图,浅蓝图纸、白色流带和一个安全橙瓶颈共同说明“从哪里进入、在哪一步损失、最终流向哪里”。优先用于漏斗、Sankey、alluvial、阶段转化、用户旅程和有方向的资源流;不适合无顺序类别比较、抽象关系网络、地理路线或没有可验证阶段关系的数据。 |
Blueprint Flow Ledger
先核对阶段顺序、流量守恒、分流合流和转化口径,再建立流程主场与损耗账本。不得为了形成完整路径而补造阶段或连接。
Signature invariants
- 浅蓝工程纸、深海军蓝流程骨架、白色主流带和一个安全橙瓶颈构成不可拆散的视觉语言。
- 深色结论铭牌固定在流程入口侧,主流程从铭牌边缘向画布另一端推进;阶段账本贴合流程下缘,不另设通用右侧信息栏。
- 橙色只标记一个真实瓶颈、最大流失或关键分流;账本必须给出可复算的进入量、离开量和损耗率。
- 精确比例、颜色、字体、容量和降级顺序以
design-model.yaml为准。
Composition grammar
Asymmetric control blueprint — default
- 适合漏斗、注册转化、审批、生产、交付和阶段完成率。
- 结论、总转化率和口径进入左侧深色铭牌;阶梯流带占据其余画布,损耗直接从主路径侧向退出,不拆成 KPI 卡片。
- 标题不得再次横跨主图上方,右侧也不得追加独立洞察栏;阶段值沿流程或附着在底部连续账本中。
Directed flow ledger
- 适合 Sankey、alluvial、预算分配、渠道流向和资源分流合流。
- 流带宽度只表达一个量,节点顺序和方向保持稳定;若流量不守恒,必须说明补充、库存或未知项。
Expression and capacity
- 用户明确指定漏斗、Sankey、alluvial 或流程图时保留该表达;未指定时根据是否分流、合流和守恒选择准确形式。
- 首帧保留 3–7 个主要阶段、2–8 条主要流;次要流可聚合但必须披露规则。
- 字体、字号、构图比例和容量只读取
design-model.yaml;流程细节读取references/visual-grammar.md。
Responsive transformation
landscape:左侧结论铭牌约占 28–36%,阶梯流程占据右侧,阶段账本贴合下缘。square:缩窄铭牌并保留左右结构;空间不足时将铭牌改为顶部深色横带,流程仍保持主导。portrait:结论铭牌变为顶部横带,流程旋转为从上到下,阶段标签沿路径排列。wide_short:压缩铭牌高度与说明文字,流程横贯右侧;不得重新生成顶部标题加右侧账本的通用版式。- 图表库必须根据容器重算节点间距和流带宽度;不得拉伸流带或用页面级缩放模拟响应式。
Build sequence
- 核对阶段顺序、方向、进入量、离开量、分流合流和缺失项。
- 选择准确流程表达,建立阶段骨架、主流带和损耗账本。
- 只突出一个真实瓶颈,并给出进入量、离开量和损耗率。
- 按
references/platform-mapping.md验证四类宽高比,检查标签、细流和长阶段名。
实现前读取 design-model.yaml、references/tokens.md、references/visual-grammar.md 和 references/platform-mapping.md。
Ln 1, Col 1MarkdownSpaces: 2
No errors