SuperAPI AI 工具集

optik-design

设计与创作

查看项目

更新于 10-16 08:36

技能介绍

用途:面向前端界面生成与评审,把设计决策变成可测量、可复现的评分过程;每条建议都有对应指标。

主要能力: 五维评分(默认目标 75/100,低于 65 不应交付)。排版占 25%,要求使用数学字阶(如 1.200、1.250、1.333 等比例,基于 16px 计算),并用行宽、行高、字重数量、字距与字体搭配规则校验;禁用字体(Inter、Roboto、Arial 等)触发 -25。色彩占 25%,从单一品牌色生成 50–950 色阶与语义 token,要求 WCAG 对比度与深色模式变体;“白底紫色渐变”触发 -30。布局占 25%,间距必须取自 4px 基数序列,使用 Grid/Flexbox 与 max-width,嵌套卡片触发 -20。动效占 10%,从 50 分起算,奖励过渡、自定义 cubic-bezier、@keyframes 等,缺少 prefers-reduced-motion 会扣分。无障碍占 15%,检查 :focus-visible、语义标签、跳过链接、44×44 触控目标、替代文本等。

使用方式:按“评估—生成—实现—评分—验证”流程执行:先确定美学方向与目标分,再生成字体、配色、间距与设计 token,然后写代码并内部评分,低于目标则迭代;同时输出 CSS 自定义属性、Tailwind 配置与 W3C Design Tokens JSON 三种 token 格式。

适用场景与限制:适用于需要统一设计规范、做设计质量审查或生成 token 的前端工作。具体安装命令、运行方式、收费与价格资料暂未提供。