SuperAPI AI 工具集

railway-ui-skills

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

用途:这是一套面向 AI 智能体的、带有明确约束的 Railway 风格界面设计规范,用于在构建深色模式界面、Railway 风格设计系统,或使用 Inter 字体与 4px 网格实现 UI 时作为参考。

主要能力与规范: 颜色方面,主表面必须使用深色背景(亮度小于 20,检测值为 7),页面背景必须用 #0F0E14(surface-base),主操作与聚焦态必须用 #0B1025(accent),文字对比度至少保持 4.5:1。语义令牌包括 surface-base #0F0E14、surface-raised #1E1C25、surface-overlay #0B1025、text-primary #85848A、text-secondary #48464F、text-tertiary #A09FA5、border-default #15181F、accent #0B1025。 排版方面,主字体必须为 Inter,主标题用 54px / extra_bold,正文用 11px / 300,标题用 text-balance、正文用 text-pretty,数字数据建议用 tabular-nums,未经明确要求不得修改字距。 间距必须遵循 4px 网格,默认元素间距建议 2px,不得使用任意间距值。圆角须取自 0/2/3/4/5/6/8/10px 刻度,默认 3px,边框宽度限 1px、2px、6px。布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素须尊重 safe-area-inset。 交互方面,破坏性操作必须用 AlertDialog,加载态建议用结构骨架屏,错误须显示在操作发生处,不得阻止输入框粘贴,纯图标按钮须加 aria-label。聚焦必须用 2px accent 描边并带 2px offset,不得移除聚焦指示。禁用态用 opacity 0.5 与 cursor: not-allowed。动画仅在明确要求时添加,只动画 transform 与 opacity,交互反馈不超过 200ms,并尊重 prefers-reduced-motion。

使用方式与限制:资料未提供安装命令或具体调用步骤,暂未提供。该技能为约束性指南,具体落地需结合项目实际;资料未说明收费、价格、支持平台或效果保证。