$4.99双系列柱状图界面组件
用于比较少量类别中两组指标的可复用双系列柱状图区块。暖深陶土色表面、青绿色与陶土色柱形及清晰标签，适合管理层报告和精致的产品页面。
深色平衡图表界面组件
用于展示流入、流出及净结余的深色图表区块，并明确标注报告周期。以清晰的浅色标签和克制的青绿色、陶土色区分数据，同时说明图表展示的是总额构成还是随时间变化的余额。
你会得到
- 包含明确报告周期的响应式深色图表区块。
- 数值与净结余计算一致且标注清楚的对比图。
- 可编辑的系列名称、数值、单位和结论。
- 不依赖颜色也能理解结果的文字说明。
适合
- 展示运营流入、流出与结余的高管报告。
- 需要清晰财务对比的研究或产品页面。
不适合
- 需要导航和多视图控制的完整分析产品。
- 仅有汇总数据却需要展示逐月趋势的场景。
你需要提供
- 采用相同币种和单位的流入与流出数值。
- 报告周期；如需展示随时间变化的余额，还需提供各期数值。
运行要求
- A modern browser
- Node.js 20+ for the validator
运行成本
No external services. Runs entirely on your agent.
试试这个提示词
/sl-dark-balance-chart-ui-block 为高管受众制作一个深色高管报告统计区块，展示六个月报告窗口中的第二季度运营收支。使用标题“Q2: $2.84M inflows - $2.31M outflows = +$530K net”，并展示三项统计：“$2.31M” / “Q2 outflows · share of inflows”、“$0.53M” / “Q2 retained · +$530K net”、“6 months” / “Reporting window · Q2 figures shown”。采用 Warm Tidal Balance 风格。
后续提示词
- 在图表下方添加紧凑且无障碍的数据表，同时保持现有视觉层级。
- 将图表调整为移动端报告布局，并确保数值和结论清晰易读。
- 将示例比较改为目标值与实际值，并清楚标出差异。
验证情况
已验证
| render-check | pass | 4.0 / 5 | 43s |
常见问题
整个区块都需要使用深色吗？
需要。页面背景和图表面板都使用深色，文字保持浅色且清晰可读，并用青绿色和陶土色区分数据。
可以替换图表数据吗？
可以。请明确标注单位和报告周期，并核对流入减去流出是否等于所写的净结余。
环形图能展示六个月内的余额变化吗？
不能。环形图只能展示汇总流入在流出与留存结余之间的分配。若要展示随时间变化的余额，需要各期数据和带零基线的时间图表。
相似技能
$4.99
$4.99Event Bar Chart（界面组件）
用于产品页面和报告的可复用事件对比图表区块，包含按数值成比例的横条、清晰的直接标注、周期说明和简洁结论。
$4.99电子表格数据网格
适用于产品界面、管理报告和研究发布的可复用数据网格区块。暖纸色背景、可操作且易于访问的控件与对齐的等宽数值，让密集记录更易浏览。
$4.99记录数据网格界面组件
用于报告与产品界面的可复用记录网格，以暖中性色表面和清晰的青绿色重点呈现信息。适合需要快速查看负责人、状态和记录详情的场景。
免费Activity Calendar Chart（界面组件）
制作可复用的活动日历图表区块，让每日变化一目了然。温暖中性的编辑风格以墨色画布、陶土色表面和青绿色强度单元格呈现产品分析与管理层报告。
$4.99粒子场首屏界面组件
一个可复用的产品发布首屏组件，以温暖的陶土色和奶油色为底，搭配克制、动态的青绿色粒子场。适合希望营造有氛围的首屏，同时保持文案清晰、布局响应式且动效无障碍的产品团队。
$4.99倾斜画廊主视觉
可复用的产品发布首屏组件，将简洁文案与经过编排的倾斜摄影画廊结合。适合暖中性色品牌，突出动感影像、清晰对比与响应式布局，同时避免套用整页模板。
$4.99集成网格主视觉组件
可复用的产品主视觉组件，将清晰的发布信息与易于浏览的集成网格结合。温暖中性色与克制的青绿色点缀，适合需要展示生态广度、同时保持信息清晰的软件发布页面。