SuperAPI AI 工具集

github-ui-skills

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

用途:这是一套面向 AI 智能体的设计约束,用于构建 GitHub 风格的深色界面与设计系统。

主要能力:提供颜色、语义 Token、字体、间距、边框、布局、组件与交互的明确规则。例如主表面必须使用深色背景(亮度<20),页面背景 #10131A,主操作与焦点色 #030036,文字对比度至少 4.5:1;字体必须使用 Inter,主标题 53px/700,正文 29px/400;间距遵循 4px 网格,默认间隙 5px;边框圆角取自 3px、4px、5px、9px、15px、22px、29px,默认 3px;基准视口 1920px,全屏高度用 h-dvh 而非 h-screen。

使用方式:在生成 GitHub 风格 UI 时,将这些约束作为强制或建议规则套用,覆盖深浅背景、字号字重、间距圆角、按钮与输入框样式、悬停/焦点/禁用状态等。焦点必须使用 2px 强调色描边加 2px 偏移;破坏性操作使用 AlertDialog;图标按钮加 aria-label。

限制:动画非明确要求不得添加,且只能动画 transform 与 opacity,交互反馈不超过 200ms;不要用 h-screen,不要任意间距或圆角值;不要在活跃动画外使用 will-change。官方文档未提供安装命令或具体集成步骤,此处暂未提供。