Graphical UI
摘要
Graphical 推出了一套设计语言与主题构建器,用于借助 AI 编码代理打造美观的界面,提供真实的 Base UI React 组件、代理上下文文件(GUI.md),以及可通过一次性付费安装的 shadcn 主题。
暂无内容
查看缓存全文
缓存时间: 2026/10/05 23:45
# Graphical
来源:https://www.graphicalui.com/
## 直接下载,或通过 shadcn 安装
my\-app%
正在检查 registry。
正在更新文件。
## 用你已经使用的 agent 构建精美界面。
所有板块
### Bug 与技术问题
围绕那些阻碍出色工作的细节展开的对话。
1. Jamie Lee 现在 #### 粘贴图片时的一个问题
2. Sarah Thomas 2h #### 变量和样式增多后系统变慢
3. Andi Shafer 2h #### 邀请团队时的一点小摩擦
4. Matt Holden 1d #### 寻找完成日常任务的更快方式
5. Kristy Spellman 2d #### 为重要的细节腾出空间
## 一套完整的设计语言。
### 颜色
用于表面、文本和控件的品牌色、中性色与状态色。
### 浅色与深色
在同一个主题中为浅色模式和深色模式分别设置颜色值。
### 字体排版
用于界面文本和数据的字体族、字重、字号与行高。
### 间距与比例
组件尺寸、内边距和间距共用的统一比例。
### 图标
选择与你的主题相匹配的图标族和样式。
### 形状与效果
用于定义组件形状与层次的圆角、描边与阴影。
### 组件状态
在 Graphical 中自定义 Base UI 组件的交互状态。
### 动效
按钮点击、菜单及其他交互所用的弹性动画、缓动和时序。
## 你和你的 agent 构建界面所需的一切。
### 你的主题
你的颜色、字体排版和样式,可通过 shadcn 安装,也可直接下载。
### 真实组件
基于 Base UI (https://base-ui.com/) 构建的 React 组件,开箱即用,随时可定制。
### 为你的 agent 提供上下文
`GUI\.md`、详细的主题参考文档,以及用于构建、调整和审查界面的技能。
## 一次性购买。
获取我们的主题构建器、发布版样式集合和基础组件。可在无限数量的项目中使用,主题构建器的持续更新也已包含在内。
## 常见问题
Graphical 面向设计师、开发者,以及任何使用编码 agent 构建应用的人。选择一个主题,让它成为你自己的,然后把主题文件和技能交给你的 agent,让它们应用到现有界面,并为新界面提供指导。
相似文章
@nurijanian: 为AI代理添加UI资源列表 - Collect UI - https://collectui.com - Recent Design - https://recent.design…
该帖子整理了一份针对AI代理的UI资源和工具列表,重点介绍了Collect UI用于设计灵感,以及各种基于MCP的工具,如Mobbin MCP和Canvas UI。
MAI-UI技术报告:以现实世界为中心的基础GUI代理
MAI-UI技术报告介绍了一系列不同规模的基础GUI代理,通过自演进数据管道、设备云协作和在线强化学习来应对现实世界部署挑战,在GUI定位和移动导航基准测试上取得了最先进的结果。
@Saboo_Shubham_: https://x.com/Saboo_Shubham_/status/2062220865643982875
本文解释了生成式 UI 的三种模式(受控式、声明式、开放式)以及 CopilotKit 如何通过 AG-UI 协议实现这些模式,用于构建动态的代理驱动界面。
Show HN:AI 代理的 GUI 应该是什么样子?
MarbleOS 是一个面向 AI 代理的 GUI 工作区,提供可见的文件、工具、任务和输出,而不是把所有内容都埋在聊天线程中。提供测试版下载和演示。
@FinnTsai88: AI 做 UI 最让人头疼的问题,Figma 终于开始解决了。 现在让 AI 生成一个漂亮的界面不难,难的是让它听话。明明有现成的组件和设计规范,它还是喜欢自己发挥,改着改着,整个页面的风格和业务逻辑都变了。 Figma 这次推出了 Fi…
Figma 推出 Figma Specs,支持在设计画布中用 Markdown 编写需求与设计规范,并关联组件、设计稿和代码供 AI Agent 读取,同时升级 MCP 以便 Codex 等 AI 编程工具接入,配合 Code Layers 可在画布中运行交互代码与原型。