Graphical

3周前发布 35 00

全新工具 Graphical 正式推出,它是一套简洁、强大且兼顾趣味性的工具,主打视觉语言、样式组件设计,能够搭配编码智能体协作,打造辨识度高、风格独特的软件界面。

所在地:
joshpuckett
收录时间:
2026-10-07
GraphicalGraphical

全新工具 Graphical 正式推出,它是一套简洁、强大且兼顾趣味性的工具,主打视觉语言、样式组件设计,能够搭配编码智能体协作,打造辨识度高、风格独特的软件界面。

Graphical

适用人群

面向设计师、开发者,以及所有依靠编码智能体来搭建应用的创作者。你可以挑选主题并自定义改造,再把主题文件、配套技能包交给智能体,让它把这套设计规范复用在已有页面,同时指导新页面的UI搭建。

工具内置资源

自带可视化主题构建器,预置5套可自定义基础样式,产出主题设计令牌(tokens)与React组件源码。

每次下载包内含:GUI.md 规范文档、完整亮色/暗色双模式主题参考、部署配置说明,还有3套配套编码智能体技能。

自定义主题能力

支持两种起点:修改内置5套基础样式,或是从零搭建,自主定义整套色彩、字体排版、间距规则与视觉风格。

和编码智能体协作流程

下载全部主题资源,连同配套提示词一并交给编码智能体。配置完成后,你只需要用自然语言描述想要开发的界面。

GUI.md 文档与内置智能体技能会引导AI:创建新页面、把统一主题套用到现有UI、定位并修复样式不一致问题。

组件底层与框架兼容性

内置视觉编辑器用来调整Base UI基础组件,可直接导出可用的React源码。
这套主题与配套智能体技能形成独立设计语言,能够脱离原有组件库,跨框架、跨编程语言使用。

重要:并非强制要求使用React或者Base UI。虽然编辑器可视化操作基于Base UI组件,但导出后的主题文件,可以适配任意前端框架、组件库甚至其他开发语言。

相关导航