仪表盘

日志查看器(实时跟踪)

Log viewer with live tail

流式行 + severity 筛选 + 暂停

实时预览

提示词正文

Build a log viewer with live tail in Tailwind CSS: a monospace stream of log lines with timestamp, level chip (debug, info, warn, error), service tag and message, colouring the level chips and tinting error rows. Add severity filter chips, a text search, a pause/resume tail button that stops auto-scroll, and a 'jump to latest' button that appears once the visitor scrolls away from the bottom.

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

怎么用

日志查看器:暂停跟踪后要出“跳到最新”按钮;错误行淡色底 + 级别签着色。

同类提示词 · 仪表盘

© 2026 Genisource Vibe · 提示词详情