用途:根据产品名称与一句话介绍,生成视觉风格鲜明、非模板化的落地页,支持可选的子页面(关于我们、联系方式、博客列表)。
主要能力:内置57种城市风格预览卡片与互动选项页,可演示排版、导航、三种色调及板块过渡效果;自带纹理 CSS、8 种 clip-path 分隔线、9 个 GSAP 动画与工具函数,以及 Hero、Features、Testimonials、转化区、页脚、表单、子页面等多组区块模板。要求使用 SVG 作为设计核心,通过 GSAP ScrollTrigger 制造重叠、粘性面板与视差层次,每个区块带背景质感,导航不采用标准横向栏。
使用方式:在技能环境中先询问产品信息,记录语言(中/英)与是否需要子页面;用脚本把城市名填入模板生成 style-preview.html 打开选择城市;再用 get_city_tokens.py 提取城市色板并生成 options-preview.html 选择排版、导航、色调、过渡与各区块;最后用 extract_variant.py 抽取区块变体,配合纹理与 GSAP 片段组装出 index.html、style.css、main.js 等文件。无 Python 时可改用 sed 替换并以本地文件打开,提交按钮回退为复制到剪贴板。
适用场景:SaaS 工具、机构作品集、开发者工具、高端产品、B2C 应用、发布前创业项目等落地页,以及需要多页站点时。
限制:依赖技能目录下的预置资源;预览依赖浏览器与本地桥接,桥接不可用时需手动复制结果;未提供具体收费、价格、效果保证等信息。