SuperAPI AI 工具集

top-design

设计与创作

查看项目

更新于 10-15 23:30

技能介绍

用途:该技能用于创建达到世界级数字机构水准的网站与应用,适合用户提出“Awwwards quality”类需求时使用。

主要能力:以七根支柱组织设计方法——排版即建筑(夸张的字号对比、负字距、优质字体)、布局与构图(有意图地打破网格、非对称、留白)、动效与交互(自定义缓动、编排式揭示、滚动叙事)、色彩与氛围(避免纯黑纯白、功能性色彩层级、克制强调色)、基于滚动的设计(Lenis 或 Locomotive Scroll、有目的的视差、钉住区块)、性能与加载(字体子集与预加载、WebP/AVIF、仅动画 transform 与 opacity、LCP 与 CLS 目标)、微交互(品牌化 ::selection、悬停与聚焦状态、加载/空/404 状态,自定义光标须用户明确确认后才可使用)。

评分:提供 0-10 分的整体评级与分类评分,公式为 排版×0.25 + 构图×0.25 + 动效×0.20 + 色彩×0.15 + 细节×0.15;使用时应说明当前得分与达到 10 分所需的具体改进。

使用方式:按流程先定概念(品牌本质、视觉张力、标志性时刻、技术野心),先设计标志性时刻,再选展示字体,动效与视觉同步原型,最后克制交付。桌面优先构思、移动优先实现;若项目已有 Tailwind 4+ 或 shadcn/ui 可沿用其设计令牌与组件。

限制:自定义光标仅限用户主动要求;尊重 prefers-reduced-motion,内容在无动画时也须可访问;不得用滚动劫持,不得牺牲可访问性或语义化 HTML 换性能。价格、收费与可用平台信息暂未提供。