网页付费 已验证

深色数据主视觉界面组件

用于产品发布和软件落地页的可复用数据主视觉组件,以清晰的成果标题、醒目的核心指标和克制的辅助数据构成专业、易编辑的版块。

你会得到

  • 一个响应式主视觉版块,包含精炼的产品文案。
  • 层次清晰、对比鲜明的核心指标与辅助数据。
  • 便于编辑并可直接用于实现的结构。

适合

  • 拥有可信客户成果或产品数据的发布页面。
  • 需要以数据证明产品价值的聚焦落地页。

不适合

  • 完整网站或分析仪表盘。
  • 必须依靠编造数字才能成立的主视觉。

你需要提供

  • 产品面向的用户及其带来的成果。
  • 经过核实的核心指标、统计周期和辅助数据。

运行要求

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

运行成本

No external services. Runs entirely on your agent.

试试这个提示词

/sl-dark-stat-hero-ui-block 为 Fieldnote 制作一款面向小型团队的响应式排期页面,先呈现分栏主视觉,再展示实测成果。主标题使用 “Fewer missed handoffs. More work in motion.”,行动按钮使用 “See how it works”;列出 90 天内交接遗漏减少 28%、每周每个团队节省 2.4 小时,以及 91% 的任务在启动前完成分配。文案精炼,采用暖中性色与青绿色点缀。

后续提示词

  • 让标题更贴近独立产品团队的实际需求。
  • 针对窄屏移动设备调整布局,同时保留所有辅助指标。
  • 将示例数据替换为我已核实的发布数据。

验证情况

已验证

render-checkpass5.0 / 545s

常见问题

这个组件应该展示多少项数据?

使用一个核心指标和两到三项辅助数据。只保留能够共同支撑同一产品主张的数字。

之后可以修改文案和数字吗?

可以。标题、说明、标签、数值和统计周期都应保留为可编辑内容,而不是嵌入图片。

相似技能

深色数据主视觉界面组件 · SkillLoom