SuperAPI AI 工具集

lemonsqueezy-ui-skills

设计与创作

查看项目

更新于 10-15 22:17

技能介绍

用途:该技能为 AI 智能体提供一套带强制等级(MUST/SHOULD/NEVER)的约束规则,用于构建受 LemonSqueezy 美学启发的界面,核心特征为浅色模式、Inter 字体与 4px 网格。适用场景包括构建浅色界面、创建设计系统、实现指定排版与网格的 UI。

主要能力:覆盖颜色、语义 Token、排版、间距、边框、布局、组件与交互状态、动画及性能等维度,并给出具体数值。颜色要求页面背景使用 #FEFEFE(surface-base),主操作与焦点使用 #9368E3(accent),文本对比度至少 4.5:1。语义 Token 还包括 surface-raised #3F01DF、text-primary #D0B4F4、text-2 #4F4F50、text-secondary #8550F5、border-default #9368E3、warning #FCD995。排版要求以 Inter 为主,主标题 74px/700,正文 31px/semi_bold。间距使用 4px 网格,圆角取自 17px、21px、29px 比例,默认 29px。布局以 1920px 为基准视口,禁止 h-screen 而使用 h-dvh。

使用方式:作为技能在构建界面时参照其规则执行,并可与对应的 DESIGN.md 配合(该文件在锁定时间拉取,提供视觉氛围与额外颜色 Token),二者共同被漂移扫描器读取以动态提取 Token,避免硬编码值。

限制:官方文本暂未提供;资料未说明安装命令、收费方式、价格、具体平台支持或效果验证方式,这些信息暂未提供。