数据指标

可用性状态条

Uptime status strip

分服务历史条 + 实时摘要

实时预览

提示词正文

Build an uptime status strip with Tailwind CSS: one row per service with the service name, a 90-day history bar of thin vertical segments (green for up, amber for degraded, red for down, gray for no data), and the current uptime percentage at the right. Put an overall status pill ('All systems operational') at the top, and let each row expand to show the incident list. Segments need a tooltip with the date and status.

提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。

怎么用

状态页标配:90 天分段历史条 + 总体状态灯 + 可展开的事件列表。

同类提示词 · 数据指标

© 2026 Genisource Vibe · 提示词详情