SuperAPI AI 工具集

layered-backgrounds

通用与其它

查看项目

更新于 10-15 21:48

技能介绍

用途:在制作 hero 区块、落地页或高级视觉效果时,构建分层背景,包括渐变光球、模糊层和噪点纹理。

主要能力:提供分层结构参考(内容 z-10、噪点 z-5、玻璃 z-0、光球 z-[-1]、基础 z-[-2]);给出渐变光球、动画光球、噪点叠加和完整 hero 背景的代码片段;包含深色模式写法与验证清单。

使用方式:资料要求实现前使用 TeamCreate 生成 3 个代理,分别执行 fuse-ai-pilot:explore-codebase 检查现有背景模式、fuse-ai-pilot:research-expert 研究 CSS filter 与混合模式;实现后运行 fuse-ai-pilot:sniper 进行验证。代码示例使用 Tailwind 类名与 motion 动画,噪点通过内联 SVG data URI 实现。

适用场景:hero 区块、落地页、需要高级视觉效果的界面。

限制与最佳实践:颜色应使用 CSS 变量,容器需加 overflow-hidden,动画光球使用 will-change,移动端减少模糊;不要硬编码颜色、不要忘记溢出控制、不要跳过深色模式、光球最多 3 个。具体安装命令、收费与平台信息暂未提供。