用途：当用户要求“vibecode”或构建“动画网站”，或希望获得高端、奢华、纯美学驱动的网页体验，或在网页设计语境中提到 Antigravity、Google Whisk、Google Flow 时使用该技能。
主要能力与工作流：1) 研究与情绪板：在未提供时询问或指定业务、美学和具体颜色，并获取 3-5 个高端网站截图作为参考；2) 项目设置与自定义规则：以语义化 HTML5、8px 网格、prefers-reduced-motion、CSS 变量颜色初始化项目；3) 初始构建：结合用户具体细节执行 Initial Build Prompt；4) Hero 素材创建：生成“Starting State”图像与“End State”图像（同一主体，混乱/动态）；5) 动画生成：创建两种状态间的过渡动画；6) 素材转换：将视频转为图像序列；7) 实现：基于图像序列实现滚动控制动画；8) 精修：加入深色/浅色模式切换，打磨功能、评价与排版。
必要用法与规则：若用户未提供业务名称/类型、期望美学、色板，必须先询问。所有生成步骤应用：语义化 HTML5 标签（header、main、section、article、footer）；所有边距/内边距为 8px 倍数（如 16px、32px、64px）；尊重 @media (prefers-reduced-motion: reduce)，文本高对比度；颜色使用 CSS 变量（--color-bg、--color-text、--color-accent）。初始构建提示模板要求包含 Hero、Features、Testimonials、Final CTA 等区块。Hero 图像生成分静态与动态两种状态描述；动画提示为从状态 1 到状态 2 的平滑电影感过渡。实现上不要用大视频文件做滚动效果，而应使用 JPEG 序列载入 canvas 或按滚动位置切换 img src。深色/浅色模式通过按钮切换 body 上的 dark-mode 类并更新 CSS 变量。最后放慢过快动画、确保字阶清晰、在评价区加入社交证明元素。
加载与来源：该技能来自 herdiansah/antigravity-skills-master，具体安装命令与平台要求暂未提供。限制：资料未提供收费、价格、效果保证、支持平台与运行环境信息。