@withgraphical 的发布视频只是将真实产品的部分内容汇编在一个一次性工具中，然后我进行了屏幕录制。
我喜欢用这种方式制作视频，因为你无法真正作弊：你看到的一切都是真实且实用的。 https://www.graphicalui.com/
2026-10-06 08:45
视角：好产品不需要花哨的展示！
Graphical 可视化主题工具：一次买断无限项目，设计系统搭建指南
Graphical 是一个面向设计师、开发者以及使用编码智能体（Coding Agent）构建应用的人群的可视化主题构建工具，官网地址为 graphicalui.com。它把一套完整的设计语言拆解为颜色、字体、间距、图标、形状与效果、组件状态、动效等可调模块，让你在可视化界面里挑选风格、调整参数，最终生成一份可直接安装或下载的主题文件。官方将其定位为「你和你的智能体构建界面所需的一切」：主题资源、基于 Base UI 的 React 组件源码，以及供智能体读取的 GUI.md 与技能文件，三者组合成一套可复用的设计语言。它采用一次性买断的付费模式，官方页面标注价格为 49 美元（原价 99 美元），可用于无限个项目，并包含主题构建器的持续更新。
痛点是什么
在 Graphical 出现之前，用编码智能体做界面的人往往卡在同一件事上：智能体写出的页面能跑，但视觉风格东一块西一块，颜色、圆角、间距、图标各写各的，改一处就要翻遍整个代码库。设计师与开发者之间也缺少一份双方都能读懂的「设计说明书」，主题无法沉淀，换项目就得从零再来。更麻烦的是，想让智能体按统一规范改样式，只能靠反复贴提示词，既不稳定也不可复用，最终产出的界面看起来总像拼凑而成。
主要功能特点
Graphical 把主题拆成可编辑的模块，并让这些模块能被智能体直接读取和使用，覆盖从选风格到落地组件的完整链路。
可视化主题编辑器
在界面里调整颜色、字体、间距、图标、圆角与动效，实时看到主题变化。
一键安装或下载
主题可直接下载，也能通过 shadcn 安装到项目中使用。
面向智能体的主题上下文
提供 GUI.md、明暗模式主题参考与技能文件，让智能体按规范改界面。
真实组件与源码
内置基于 Base UI 的 React 组件，可编辑、可复用、可自行定制。
为什么值得关注
它把「设计语言」变成一份可交付、可被智能体执行的资产，而不是停留在设计稿或口头约定里，这正是当下 AI 辅助开发最缺的一环。
主题不再是一次性劳动
一次配置即可在无限项目复用，并持续获得主题构建器更新。
不绑定框架与语言
主题文件可用于任意框架、组件库或语言，原生应用也能套用。
推荐信息
joshpuckett
@joshpuckett 2026年10月09日 11:42
