把这5个UI组件站丢给Agent
程序员做页面最容易卡住的地方,往往不是代码写不出来。按钮放哪、间距多大、卡片怎么排、弹窗怎样出现才舒服,这些问题每一个都能写代码,拼到一起却可能像十年前的后台管理系统。
现在有个省力得多的办法:把成熟的 UI 组件当成乐高,再让 Claude Code、Codex 这类编程 Agent 负责选型、取代码、改样式和接入现有项目。
程序员做页面最容易卡住的地方,往往不是代码写不出来。按钮放哪、间距多大、卡片怎么排、弹窗怎样出现才舒服,这些问题每一个都能写代码,拼到一起却可能像十年前的后台管理系统。
现在有个省力得多的办法:把成熟的 UI 组件当成乐高,再让 Claude Code、Codex 这类编程 Agent 负责选型、取代码、改样式和接入现有项目。
WeWrite不是App,不是浏览器插件,也不是VSCode插件。它是一个装在Claude Code(或者 Codex、OpenClaw、Hermes)里的 Skill——你可以理解成给AI的一套「岗位说明书 + 工具箱」。
Hue 是一个开源的 Meta-Skill,专为 AI 编程工具设计。
它的核心能力是:
给 AI 一个 URL / 品牌名 / 截图 → Hue 自动分析它的视觉语言 → 生成一套完整的 Design Skill → 后续 AI 生成的所有页面和组件自动匹配这个 UI 设计规范。
它本质上是给 AI 编程工具补上了"品牌视觉上下文",解决"AI 每次生成的 UI 都是通用模板风"的问题,让 AI 始终遵守同一套设计规范。
Codex 是 OpenAI 官方出品的 AI 编码工具,能理解你的需求,帮你写代码、跑命令、调 Bug。
Codex 具有四种运行模式,覆盖你能想到的大部分使用场景:
App 安装可以去OpenAI的Codex官网下载安装:https://chatgpt.com/zh-Hans-CN/codex/