SuperAPI AI 工具集

apple-inspired-websites

前端与建站

查看项目

更新于 10-15 20:31

技能介绍

用途:复刻苹果产品页的视觉与叙事语法——每页一个产品、每节一个观点、超大字号排版与媒体主导,用滚动讲述故事。

主要能力:提供美术方向(黑白分区背景、新怪诞无衬线字体、单一强调色、大量留白、脚注免责声明)、页面结构(粘性导航、Hero、亮点轮播、细节画廊、特性分节、对比条、标签页、购买区、脚注)、动效系统(入场上浮淡入、数字计数、对比条生长,无弹跳)、滚动驱动视频(canvas 帧序列或 video.currentTime 映射进度、进入窗口的文字同步、移动端与减少动效时回退)、环境视频、原生 scroll-snap 轮播、统计数字、对比条、选择 chips、标签页等组件,以及 LCP 优先、字体子集、语义化等性能与质量要求。

使用方式:作为技能应用于前端建站项目,按需实现签名模式;冲突时苹果风格优先于电影化风格,并尊重 prefers-reduced-motion。

适用场景:产品发布页、硬件/软件落地页、需要高质感叙事的营销站点。

限制:具体安装命令、配置方式、依赖与代码示例暂未提供。