用途:这是一个用于一次性生成完整单文件 HTML 网站的技能,面向写作展示、CodePen 演示、作品集或概念落地页,突出创意与技术的呈现效果。
主要能力:输出单个 .html 文件,HTML、CSS、JavaScript 全部内嵌;不使用外部图片,视觉依赖 CSS 渐变、内联 SVG、Canvas API 或 Unicode/emoji;不使用框架,仅用原生 JavaScript;静态可用,可直接作为 index.html 部署。质量要求包括使用 Intersection Observer 实现滚动触发、至少两层视差、3-4 色克制配色、CSS 噪点/颗粒叠加、轻微响应式光标、滚动导航样式变化、至少 5 个分区、页脚细节和一个意外惊喜段落,并包含 prefers-reduced-motion 可访问性处理。
使用方式:调用后按主题生成网站;若未指定主题,则从 references/themes.md 中选择近期未用过的主题,且不要默认使用时钟或时间感知类主题。输出两个文件:PROMPT.md(可复现该站点的完整一次性提示词,含主题、生成日期、模型)和 index.html(以 <!DOCTYPE html> 开始、以 </html> 结束)。托管方式:CodePen 新建 Pen 并粘贴到 HTML 面板、开启 Full Page;Vercel 使用 mkdir my-site && cd my-site,保存为 index.html 后执行 vercel --prod;本地可用 open index.html 或 python3 -m http.server 3000 预览。
适用场景:写作文章配图演示、CodePen 嵌入式演示、作品集或概念验证落地页。
限制:必须单文件、无外部图片、无框架、无核心视觉 CDN 依赖、静态无服务端逻辑;具体主题清单与完整示例未在资料中提供。