SuperAPI AI 工具集

raycast-ui-skills

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

用途:这是一套面向 AI 智能体的、带有明确约束的 Raycast 风格界面设计规范,适用于构建浅色模式界面、Raycast 风格设计系统,以及使用 Inter 字体和 4px 网格的 UI。

主要能力:提供颜色语义令牌(如 surface-base #DFDFDF、surface-raised #08090B、text-primary #636162、border-default #282223、destructive #E99CA8 等)、排版规则(主字体 Inter,主标题 64px/700,正文 12px/400,字重限 regular、bold、light)、间距(4px 网格,默认元素间距 5px)、边框(圆角 4/6/10/13/18px,默认 4px,1px 边框)、布局(1920px 基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素尊重 safe-area-inset)、组件(Ghost 按钮等)与交互状态(焦点 2px 轮廓 #5E6AD2、禁用 opacity 0.5、破坏性操作使用 AlertDialog)。

使用方式:在构建相关界面时引用这些准则作为约束。资料未提供安装命令或代码示例。

限制:动画仅在明确要求时添加,且只动画 transform 与 opacity,交互反馈不超过 200ms;不得移除焦点指示器;不得在输入框阻止粘贴;图标按钮需 aria-label;避免任意间距与圆角值。资料未提供收费、平台或效果信息。