SuperAPI AI 工具集

convertkit-ui-skills

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

用途:为 AI 智能体提供一套有明确约束的 ConvertKit 风格界面构建规范,适用于浅色模式界面、ConvertKit 风格设计系统,以及使用 Inter 字体与 4px 网格的 UI 实现。

主要能力:给出颜色、语义令牌、排版、间距、边框、布局、组件与交互的 MUST/SHOULD/NEVER 规则。颜色方面要求页面背景用 #FFFFFF,主操作与焦点态用 #194775,文字对比度至少 4.5:1。语义令牌包括 surface-base #FFFFFF、surface-raised #EEE9E4、surface-overlay #379EFD、text-primary #6C6C6C、text-secondary #8C8B91、text-tertiary #4B4855、border-default #EFFEFE、accent #194775。排版要求以 Inter 为主字体,主标题 75px/700,正文 29px/semi_bold,标题用 text-balance、正文用 text-pretty,数字用 tabular-nums,不擅自改字距。间距必须用 4px 网格,默认元素间距 5px。圆角取自 3px、4px、6px、7px、9px、10px,默认 7px,边框宽度限 1px、2px。布局以 1920px 为基准视口,全屏高度用 h-dvh 而非 h-screen,固定元素需尊重 safe-area-inset。交互上焦点用 2px accent 描边并偏移 2px,禁用态 opacity 0.5 且 cursor: not-allowed,破坏性操作须用 AlertDialog,图标按钮须加 aria-label,不得阻止输入框粘贴。动画仅在明确要求时添加,只动 transform/opacity,入场用 ease-out,交互反馈不超过 200ms,并尊重 prefers-reduced-motion。

使用方式:资料未提供安装命令或调用步骤,暂未提供。该技能可与 awesome-design-md 中对应的 DESIGN.md 配合,后者提供视觉氛围与额外颜色令牌,本 SKILL.md 提供强制规则,漂移扫描器动态读取两者提取令牌。

适用场景:构建 ConvertKit 风格浅色界面、设计系统与组件规范。

限制:资料未说明支持的平台、收费方式或具体效果,暂未提供。