用途:为 Baby Menu 生成符合品牌规范的界面与素材,可用于正式产品或一次性原型、演示稿等。
主要能力:技能内含 README.md 品牌简报(产品背景、内容基调、视觉基础、图标规范)、colors_and_type.css 令牌参考、preview/ 令牌与组件预览卡片,以及 ui_kits/popup-menu/ 规范 UI 套件(可点击的托盘弹窗复刻,含 MenuBar、Composer、RunStrip、SessionBar、WidgetHost 与三个示例组件)。
使用方式:先阅读技能内 README.md 并浏览其他文件。制作视觉产物(幻灯片、原型等)时,复制素材并生成静态 HTML 供用户查看;做正式代码时,复制素材并阅读规则以掌握该品牌设计。若用户未给方向,先询问要构建或设计什么,再以专家设计师身份输出 HTML 产物或生产代码。
设计方向:Monochrome Lab。近黑画布 #0B0B0C,白色文字用不同透明度,全局 JetBrains Mono,单一薄荷信号色 #6AE3B6。无渐变、无 emoji、无第二强调色。状态为小发光点加一个全大写词。
硬性规则:Baby Menu 是 macOS 托盘弹窗,默认宽 504px,宽高自适应,不按整浏览器窗口设计。智能体工作不是聊天,无记录、气泡、历史,用 RunStrip 模式。无构建模式开关,空闲界面底部为单行 composer,输入多时自动增高。不向用户暴露 git、文件或提交,SessionBar 用自然语言描述,按钮为 Keep 与 Undo。图标以文字与 ASCII 字符为主,必要时用 Lucide。薄荷色仅作点、光晕、单词或 1px 进度填充。生产按钮用紧凑圆角,主按钮为反白。
限制:正式组件应使用 @babymenu/ui 与 src/ui/theme.css 的实时 Tailwind 令牌,不得自行发明新令牌;架构细节以 https://github.com/kunchenguid/baby-menu 的 AGENTS.md 与 src/shared/contracts.ts 为准。