Linux.do 收藏精选:前端、UI 与 AI 生成页面的补救清单

从前端、UI、设计工具和 AI 生成页面相关收藏里,整理一份能直接服务 OAIYE 的设计改进清单。

为什么要单独整理 UI

AI 能很快生成页面,但“能跑”和“像个可信产品”之间差很远。你的 OAIYE 现在已经有 AI 导航和博客后台,后续最容易拉开差距的地方就是信息密度、视觉层级、移动端体验和内容编辑体验。

值得回看的线索

  • [2322269] UI 设计 skill 分享:适合继续沉淀 OAIYE 自己的设计 skill。
  • [2363033] Codex 写的项目前端丑,推荐 UI:可以整理成“AI 前端验收 checklist”。
  • [2363439] Agent 前端对话页面用什么技术栈:适合作为未来 OAIYE AI 对话页的技术调研。
  • [2364054] CPA Pro UI 演示:可以观察后台面板的信息密度和组件组织。
  • [2364165] Figma 和蓝湖的选择:适合写协作设计工具的取舍。
  • [2359441] 给 cc-switch 加上 WebUI:可作为小工具从 CLI 到 Web 管理界面的参考。
  • [232372] Monolisa 字体资源:适合代码块和后台编辑器字体方案参考。
  • [2364386] 关于前端页面开发的调查:可以作为用户偏好和开发流程观察。

OAIYE 的 UI 改进清单

  • 博客后台加草稿状态、预览按钮和 Markdown 导出。
  • AI 导航工具卡片后续加评分、标签、更新时间和访问状态。
  • 博客列表加搜索和标签筛选,避免文章多起来后只能靠滚动找。
  • 所有管理动作保留确认和备份,尤其是删除。
  • 移动端优先检查表单、按钮和导航,不要只看桌面首屏。

可以复用的判断

好的 AI 产品页面不需要花哨,重点是让用户一眼知道:现在在哪、能做什么、下一步会发生什么。OAIYE 的方向应该保持克制、清晰、可维护,而不是堆很多装饰。

原帖定位

这些条目来自本地离线收藏,仅作为公开写作的主题索引。