网页付费 已验证

KPI 折线指标面板界面组件

可复用的 KPI 汇报区块,将核心指标与标注清晰的时间序列折线图组合呈现。适合产品和营销团队制作精致、温暖中性的展示组件,同时保持内容可编辑并忠实反映输入数据。

你会得到

  • 突出当前值与对比变化的响应式指标面板
  • 使用输入时间序列绘制的清晰折线图
  • 可编辑的数据结构与可复用组件样式
  • 用于图表和关键变化的无障碍文字说明

适合

  • 需要重点呈现单一趋势的管理层报告
  • 嵌入精简表现数据区块的产品或营销页面

不适合

  • 完整的数据分析仪表盘或探索式图表工作区
  • 缺少有序时间序列、使用折线图可能造成误导的指标

你需要提供

  • KPI 名称、数值、单位和统计周期
  • 按顺序排列的时间标签与对应数值

运行要求

  • A modern browser
  • Node.js 20+ for the validator

运行成本

No external services. Runs entirely on your agent.

试试这个提示词

/sl-kpi-line-panel-ui-block 为业务利益相关者制作一个单区块页面,展示四周的每周注册数。标题使用 "Weekly sign-ups · count · 4 weeks ending 25 Mar · editable values",并展示 04 Mar 的 1,020、11 Mar 的 1,128、18 Mar 的 1,182 和 25 Mar 的 1,284。采用克制的 Sage Frame 风格。

后续提示词

  • 在不改变数据刻度的前提下,添加标注清晰的 1,350 目标线。
  • 将面板调整为窄屏单列布局,同时确保日期标签易读。

验证情况

已验证

render-checkpass4.0 / 516s

常见问题

面板可以显示目标线吗?

可以。请提供目标值或基准及其含义;目标线应作为次要信息并明确标注。

没有对比周期也能使用吗?

可以。不要虚构基准值,单独呈现核心指标和趋势即可。

相似技能

KPI 折线指标面板界面组件 — Claude 网页技能