SuperAPI AI 工具集

beehiiv-ui-skills

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

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

主要能力:提供颜色、语义令牌、排版、间距、边框、布局、组件与交互等约束。颜色方面要求主表面使用浅色背景,页面背景与主操作、焦点状态使用 #221FAB,文字对比度至少 4.5:1。语义令牌包括 surface-base #221FAB、surface-raised #070512、text-primary #B6B8E7、text-secondary #B9B7BF、text-tertiary #626076、border-default #252494、accent #221FAB。排版要求以 Inter 为主字体,主标题 51px/700,正文 12px/400,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums,未经要求不得修改字距。间距必须使用 4px 网格,默认元素间距 4px,禁止任意值。边框圆角取自 3px 尺度,边框宽度限 1px、2px。布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素需尊重 safe-area-inset。交互上焦点用 2px 强调色轮廓与 2px 偏移,禁用态透明度 0.5,破坏性操作使用 AlertDialog,图标按钮需 aria-label,禁止阻止粘贴。动画仅在明确要求时添加,只动 transform 与 opacity,交互反馈不超过 200ms,并尊重 prefers-reduced-motion。

使用方式与限制:资料未提供具体安装命令或调用步骤,暂未提供。该技能为约束性指南,需结合 AI 智能体在生成界面时遵循;资料中未说明收费、价格、平台或效果等信息。