@leon7hao: https://x.com/leon7hao/status/2059191435753410630
摘要
分享使用 Codex 和 Claude Code 通过 vibe coding 方式重构前端 UI 的个人经验，声明非专业设计，仅供技术参考。
查看缓存全文
缓存时间: 2026/05/26 13:10
怎么使用 Codex 和 Claude Code 重构前端 UI
声明：我不是设计师，也不是专业的前端，重构之后的设计也存在各种 UI UX 问题，一切都还是以我个人的评价能力来做的，不存在专业向的意见，只是想分享如何通过 vibe coding 的方式来做比较大的 UI
相似文章
@eng_khairallah1: https://x.com/eng_khairallah1/status/2055579146684936644
一份详细指南，解释了vibe编码的概念，并提供了使用Claude免费构建应用程序的分步教程，面向非程序员。
@Saccc_c: https://x.com/Saccc_c/status/2071881016013205890
一篇详细教程，介绍如何使用Codex以及taste skill和Frontend App Builder在2小时内制作出个人风格的个人网站。
@yaohui12138: 卧槽！本以为claude design已是最强，没想到这个项目也这么好用啊 周六晚上，朋友做的一个 SaaS 后台 UI AI味太重，丑到客户发了个「呵呵」..... 我直接用一个 GitHub 项目1小时帮他重做完。其实就是一个叫 DE…
The article introduces 'awesome-design-md', an open-source collection of DESIGN.md files that reverse-engineer the design systems of major tech companies. It allows developers to use AI coding agents like Claude or Cursor to generate UI with specific brand styles by simply adding a markdown file to their project.
@dotey: 之所以研究 Claude Design，是因为最近摸索出一套不错的开发模式： 1. 先用 Claude Design 去设计 App 的 UI 和 UX，第一版本越简单越好。 Claude Design 交付的结果是 HTML + CSS…
作者分享了一套结合 Claude Design 和本地 AI agent（如 Cursor、Codex）的开发流程，并开源了 baoyu-design 工具，使开发者无需依赖网页版即可在本地运行 Claude Design 进行 UI 设计。
@AdrianPunk115: https://x.com/AdrianPunk115/status/2084538166577602899
这是一篇 Vibe Coding 视觉词典（上篇），系统讲解网页布局、页面结构、导航与常用组件的概念、适用场景及可直接复制给 AI 的提示词，帮助开发者用 AI 生成更符合设计意图的网页。