仪表盘

动态流面板

Activity feed panel

带头像的事件时间线

实时预览

提示词正文

Build an activity feed panel with Tailwind CSS: a vertical timeline of events where each entry pairs the actor's avatar with a plain-language description ('Maya deployed v2.4 to production'), a timestamp, and an event-type icon. Draw the timeline as a thin vertical line behind the avatars, group entries by day with sticky date headers, and add a filter row for event types at the top of the panel.

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

怎么用

动态流用“头像 + 人话描述 + 时间戳”;时间线画在头像后面;按天分组带头部。

同类提示词 · 仪表盘

© 2026 Genisource Vibe · 提示词详情