Graphical UI：为编码智能体打造的设计语言与主题系统
Graphical UI
Graphical UI 发布，一套面向编码智能体的完整设计语言，包含颜色、字体、间距、图标、组件状态与动效等主题要素。它提供基于 Base UI 的 React 组件、GUI.md 主题参考和技能文件，可通过 shadcn 安装或直接下载，让智能体将主题应用到现有界面并指导新界面开发。产品为一次性买断，含主题构建器、风格合集与基础组件，支持无限项目使用。
Download it directly, or install via shadcn
my-app — zsh
my-app %
Checking registry.
Updating files.
Build beautiful interfaces with the agent you already use.
Build Stations
All stations
Bugs & technical issues
Conversations about the little things
getting in the way of great work.
Jamie Lee Now
An issue with pasting images
Sarah Thomas 2h
Things slow down with more variables and styles
Andi Shafer 2h
A little friction when inviting the team
Matt Holden 1d
Finding a faster way through the everyday tasks
Kristy Spellman 2d
Making space for the details that matter
A complete design language.
Colors
Brand colors, neutrals, and status colors for surfaces, text, and controls.
Light and dark
Separate color values for light and dark mode, in one theme.
Typography
Font families, weights, sizes, and line heights for interface text and data.
Spacing and scale
A shared scale for component sizes, padding, and gaps.
Icons
Choose the family and style that fits your theme.
Shape and effects
Corner radii, strokes, and shadows for component shape and depth.
Component states
Customize interactive states of Base UI components in Graphical.
Motion
Springs, easing, and timing for button presses, menus, and other interactions.
Everything you and your agent need to build interfaces.
Your theme
Your colors, typography, and styles, ready to install with shadcn or download directly.
Real components
React components built on Base UI, ready to use and customize.
Context for your agent
GUI.md, detailed theme references, and skills for building, adapting, and reviewing your interface.
One-time purchase.
Get our theme builder, launch collection of styles, and foundation components. Use them in unlimited projects, with ongoing updates to the theme builder included.
FAQ
Graphical is for designers, developers, and anyone building an app with a coding agent. Choose a theme, make it yours, and give your agent the theme files and skills to apply it to existing screens and guide new ones.
来源：Hacker News · graphicalui.com