Private Capture

Unlock Capture

这个站点包含私人录音与日记内容。输入密码后进入;当前浏览器会自动记住。

密码仅保存在当前浏览器本地。

AI 时代 Vibe Design 必备的 50 种 UI 风格

页首只保留导读,完整正文和结构化内容继续在下方展开。

Day2026-08-26 Time13:32 SenderLily Topics任务系统 / AI 工具与 Codex Entities2 ModeStructure + Text SourceArchive Complete
来源类型小红书分享
说话人Lily
归档时刻2026-08-29 13:32:21
主题任务系统 / AI 工具与 Codex / 产品与站点
实体2 项
模式结构化 + 正文
Report

关键导读

先把有效信息集中到顶部:一句话总览、编号要点、待办与历史呼应。完整正文与结构化数据在下方展开。

一句话总览

AI 时代 Vibe Design 必备的 50 种 UI 风格 哈喽大家好,我是萤柳! 最近用 Codex、Claude Code 做页面的人越来越多,我也经常看到一句熟悉的提示词。 帮我做得高级一点。 这句话听起来没毛病,真交给 AI 以后,结果就很看运气了。 你脑子里想的是干净的瑞士网格,它可能端来一套蓝紫渐变。 你想要年轻、有点野,它又给你铺满玻璃卡片。两边都没偷懒, 只是“高级”这个词实在太大了。 所以我整理了 UI设计场景里比较常用的部分,凑成这份 50 种风格清单。 我按Vibe Design工作里更容易碰到的场景重新排了一…

01

关键洞见

  • 只是“高级”这个词实在太大了
  • 下次做页面没感觉时,回来翻到接近的那一张,把名字和关键词交给 AI,这样说的 UI 设计 AI 味就会少很多
  • AI 时代 Vibe Design 必备的 50 种 UI 风格
  • 最近用 Codex、Claude Code 做页面的人越来越多,我也经常看到一句熟悉的提示词
  • 这句话听起来没毛病,真交给 AI 以后,结果就很看运气了
02

优先级分层

  • 高:你想要年轻、有点野,它又给你铺满玻璃卡片
  • 高:我整理了 UI设计场景里比较常用的部分,凑成这份 50 种风格清单
  • 高:再留一句使用判断和一组英文提示词
  • 中:后续还有很多风格图片放不下了,可以到其他平台查看
·

涉及实体

CodexClaude
✓

待办动作

  1. 你想要年轻、有点野,它又给你铺满玻璃卡片
  2. 我整理了 UI设计场景里比较常用的部分,凑成这份 50 种风格清单
  3. 再留一句使用判断和一组英文提示词
  4. AI 时代 Vibe Design 必备的 50 种 UI 风格
  5. 最近用 Codex、Claude Code 做页面的人越来越多,我也经常看到一句熟悉的提示词
与历史呼应

再留一句使用判断和一组英文提示词 xhs_capture_status: success

本条脉络:AI 时代 Vibe Design 必备的 50 种 UI 风格 哈喽大家好,我是萤柳! 最近用 Codex、Claude Code 做页面的人越来越多,我也经常看到一句熟悉的提示词。 帮我做得高级一点。 这句话听起来没毛病,真交给 AI 以后,结果就很看运气了。 你脑子里想的是干净的瑞士网格,它可能端来一套蓝紫渐变。 你想要年轻、有点野,它又给你铺满玻璃卡片。两边都没偷懒, 只是“高级”这个词实在太大了。 所以我整理了 UI设计场景里比较常用的部分,凑成这份 50 种风格清单。 我按Vibe Design工作里更容易碰到的场景重新排了一…
完整记录 · 正文与结构化数据
Mind Map

思维导图

这里不再用摘要卡片伪装脑图,而是直接用经典 mindmap 组件来展示结构。点击分支会跳到正文。

点击节点会定位到正文,方便一边看脑图一边回看原文。

Local Relation

这条录音的局部关系图

不用先跳到全局图。这里先把当前 capture 连到的 Topic / Entity / Day,以及共享这些节点的其他记录显出来。

View
Layout
来源
聚焦
Topic Entity Capture Signal Day capture -> topic / entity / signal / day

单击右侧看详情;双击节点开浮层。这里只展示和当前录音直接相关的局部网络。

完整原始转录 · 音频文稿点击展开

AI 时代 Vibe Design 必备的 50 种 UI 风格
哈喽大家好,我是萤柳!

最近用 Codex、Claude Code 做页面的人越来越多,我也经常看到一句熟悉的提示词。
帮我做得高级一点。

这句话听起来没毛病,真交给 AI 以后,结果就很看运气了。

你脑子里想的是干净的瑞士网格,它可能端来一套蓝紫渐变。

你想要年轻、有点野,它又给你铺满玻璃卡片。两边都没偷懒,

只是“高级”这个词实在太大了。

所以我整理了 UI设计场景里比较常用的部分,凑成这份 50 种风格清单。

我按Vibe Design工作里更容易碰到的场景重新排了一遍,每种风格都配了一张图,再留一句使用判断和一组英文提示词。

下次做页面没感觉时,回来翻到接近的那一张,把名字和关键词交给 AI,这样说的 UI 设计 AI 味就会少很多。

后续还有很多风格图片放不下了,可以到其他平台查看。

#UI设计[话题]# #UI[话题]# #AI工具[话题]# #ui界面[话题]# #UX[话题]# #ui界面设计[话题]# #ux设计[话题]# #ui设计[话题]# #用户体验设计[话题]# ##ui设计师[话题]#
AI 时代 Vibe Design 必备的 50 种 UI 风格 哈喽大家... https://xhslink.cn/o/97RozV3zTaV 前往【小红书】看看详情吧~
resolved_url: https://www.xiaohongshu.com/explore/6a7aee2800000000210205f7
xhs_capture_status: success

Atomic Insight Layer

原子结构层

主题 / 实体 / 概念三层标签 + 逐字原话 + 出链 / 反链。点击 chip 筛选。

主题 实体 概念
全部主题实体洞见
topic-0

任务系统

主题
topic-1

AI 工具与 Codex

主题
topic-2

产品与站点

主题
entity-0

Codex

实体
entity-1

Claude

实体
insight-0

只是“高级”这个词实在太大了

洞见
insight-1

下次做页面没感觉时,回来翻到接近的那一张,把名字和关键词交给 AI,这样说的 UI 设计 AI 味就会少很多

洞见
insight-2

AI 时代 Vibe Design 必备的 50 种 UI 风格

洞见
insight-3

最近用 Codex、Claude Code 做页面的人越来越多,我也经常看到一句熟悉的提示词

洞见
insight-4

这句话听起来没毛病,真交给 AI 以后,结果就很看运气了

洞见
Normalized Tags

规范标签与同类归并

把 topic / semantic / source / entity 放到分组标签里,后面做筛选、聚类和同类合并时会更稳。

Normalized Topics
任务系统AI 工具与 Codex产品与站点
Normalized Entities
CodexClaude
Normalized Provenance
Xiaohongshu
Normalized Semantics
AI 工具与 Codex
Normalized Channels
小红书
Normalized Sources
小红书分享web_link