设计系统
沉浸式 Agent 工作台展示
同一个工作台,换上不同产品的设计语言——看到、认出、对 AI 说出来。每套条目都落在一段完整任务里,不是一张静态色板。
设计系统
同一个工作台,换上不同产品的设计语言——看到、认出、对 AI 说出来。每套条目都落在一段完整任务里,不是一张静态色板。
已读取交接文档并完成发布前检查。
注册表完整,类型检查通过;我把发布说明和变更摘要整理在下面。
真组件拼装的仿真舞台:拖拽左右栏边缘、折叠侧栏、打开产物预览、切换源码与版本,也可以直接输入并发送一条消息。
线框解剖
悬停或聚焦下面的线框块,上方真舞台会标出对应区域;点击则直接打开组成它的组件文档。
悬停联动 · 点击跳文档
当前设计系统
工具型 Agent 工作台的基准深浅双态皮肤:安静的石墨表面、发丝结构线、紧凑控件与单一克制强调色,让长时间运行的任务始终清楚而不喧宾夺主。
别名
交付给 Agent 的设计约定
复制一份简短的 DESIGN.md,让后续 Agent 在同一套结构、层级和动效约束里继续工作。
对 AI 这样说
采用「Graphite / 石墨 Agent 工作台」设计系统:搭建可拖拽的三栏工作台,左侧是紧凑会话轨,中间是固定阅读宽度的 Agent 线程与贴底输入台,右侧是按需打开的产物区,提供产物预览、原始源码与版本恢复;用近中性的石墨灰分层、0.5–1px 发丝描边、低对比悬停面和单一冷色强调来表达层级;信息密度高但行高克制,代码和命令使用等宽字体,状态只在成功、警告、错误时短暂引入语义色;同时提供浅色与深色主题,组件尺寸和空间关系保持一致。FORBIDDEN:彩色渐变大背景、厚重投影、玻璃拟态泛滥、多个竞争强调色、超大圆角卡片堆叠、把桌面三栏降级成普通营销页、用装饰动画遮盖任务状态。
具名系统 + 具体视觉手段 + 禁止项,复制即用。