SuperAPI AI 工具集

frontend-skill

前端与建站

查看项目

更新于 10-16 01:33

技能介绍

frontend-skill 适用于当作品质量取决于艺术指导、层级、克制、图像与动效,而非组件数量的场景,目标是交付有意图、高级且当下的界面。

使用方式:构建前先写下三项内容——视觉主张(一句描述情绪、材质与能量)、内容规划(首屏、支撑、细节、最终 CTA)、交互主张(2-3 个改变页面感受的动效想法)。每个区块承担一个任务、一个主导视觉和一个主要行动。

落地页默认顺序为 Hero、Support、Detail、Final CTA。Hero 只用一个构图,全幅图像或主导视觉平面;品牌第一、标题第二、正文第三、CTA 第四;标题桌面约 2-3 行,文本列窄并锚定在图像平静区域;文字与图像对比要强,点击目标要清晰。若移除图像后首屏仍成立,说明图像太弱。首屏若含固定页头,页头计入 Hero,需在常见尺寸内放下。

应用界面默认采用克制风格:平静的表面层级、强排版与间距、少颜色、密集可读、极少装饰,卡片仅用于卡片本身即交互时。图像需承担叙事功能,优先真实场景摄影而非抽象渐变或假 3D,且不要使用含内嵌 UI 框、分屏、卡片或面板的图像。文案用产品语言而非设计评论,标题承载含义,支撑文案通常一句。产品界面优先效用文案,聚焦定位、状态与行动。动效用于建立存在感与层级,至少 2-3 个有意图的动效:首屏入场、滚动联动或景深效果、悬停或展开过渡。硬性规则包括默认不用卡片、不做 Hero 卡片、每区块一个主导想法、最多两种字体、默认一个强调色。资料未提供具体安装命令、收费或平台限制信息。