| 名称（name） | 通知中心消息列表 |
|---|---|
| 副标题（subtitle） | 输入消息数据，生成精美的通知中心 UI 页面 |
| 简介（displayDescription） | 做产品原型、写 PRD、给前端展示设计稿——经常需要一个逼真的通知中心界面作参考或占位。但从零画一个又费时间，Figma 模板里的通知组件跟自己的产品风格对不上。
这个案例演示了输入一组产品通知消息（系统通知、评论提醒、任务更新等），AI 自动生成一个精美的通知中心 UI 页面：居中窄面板（max-width 440px）、顶部标题栏含未读计数和筛选标签、消息列表每条含图标/标题/内容摘要/时间戳、未读消息高亮标记、hover 效果。模拟 iOS/macOS 通知中心的精致感。
适合：产品经理原型参考、前端 UI 组件开发、设计系统 showcase、PRD 配图。 |
| 分类（categories） | 内容创作开发工具 |
| 标签（tags） | 通知中心UI组件消息列表原型参考 |
| 累计使用人次 | 0 |
| 质量分（quality_score） | 90 |
| 版本（version） | 1.0 |
| 产物类型（artifact_type） | html |
| 引用的技能 | 前端开发 |
| 日期 | 累计使用人次 | 日增 |
|---|---|---|
| 2026-09-23 | 0 | — |