单页网站示例
Aurawave Audio Landing 是真实的单页产品站。打开在线演示可以滚动浏览、打开抽屉、切换主题。
声浪音频落地站
为音箱、耳机或任何实体产品打造一套高级感发布页，让大幅产品摄影撑起整页。整体浅色、近乎单色，标题大而紧凑，留白充足，只有产品发光处带一抹青色。默认交付一个自包含页面，任何浏览器都能离线打开，预订抽屉以及文章、政策和联系面板都已可用。如有需要，也可以提供含规格与定价页的多页版本。
你需要提供
- 产品名称、三到四个词的标题思路和一句文案
- 你能兑现的价格、配色、保修和关键规格
- 可选：你的 logo、真实产品照片，以及结账或候补名单链接
你会得到
- 一个可离线使用的自包含页面：产品 Hero、内嵌图片的价值宣言、左右交替的功能行、信任卡片、房间轮播、FAQ、日志卡片和深色大字标页脚。
- 可用的预订抽屉（配色、单只或一对立体声、邮箱校验、确认页），以及在页面内打开的文章、政策和联系面板，支持浅色与深色主题。
- 按需提供多页版本，含产品、规格、定价、关于、联系和博客页，并附一份围绕你的产品重新生成全部照片的配图方案。
运行条件
Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image generation tool in your agent for new product photos · npm, only if you ask for the multi-page Next.js version · Regenerating the product photos uses your agent's image tool, which may incur that tool's usage charges. Opening and editing the page costs nothing extra.
选产品页还是服务页
单页网站把整个故事放在一次滚动里，附加内容用抽屉和弹层打开，而不是跳新页面。适合一个产品、一场活动或一个报价。如果需要单独的价格页、文档或博客，请从落地页或多页网站开始。
- 页面结构
- 首屏、价值、功能、信任、轮播、FAQ、页脚
- 页内附加
- 预订抽屉，文章、政策和联系弹层
- 导航
- 同一页面内的锚点跳转，不加载新页
- 你需要提供
- 产品名、标题、价格、参数，可选照片
- 交付形式
- 一个自包含 HTML 文件，含浅色和深色主题
- 表单
- 在页内校验；接入你自己的结账才能收单
生成、编辑并发布 HTML 页面
只改一个文件，只传一个文件到任意静态托管。
1安装 Skill
把安装提示词粘贴给 Agent。
2描述产品
给出名称、标题想法、价格、配色和你能保证的参数。
3发布文件
离线打开检查，然后把 HTML 上传到任意静态托管。
为什么不直接让 AI 写单页网站？
直接问 AI 也能出结果。Skill 补上的，是让结果可靠、可重复的那部分。
单页网站常见问题
这个 Skill 不做的事
- 不收款；请接入你自己的结账。
- 不适合没有实体产品的软件。
- 可按需生成多页版本，但那就不是单页网站了。
什么是单页网站？
所有内容都在一个滚动页面里的网站，导航跳到页内区块，而不是加载新页面。
这是单页网站模板吗？
用起来就像模板：Skill 里有验证过的版式，填入你的产品，生成一个可编辑、可随处托管的 HTML 文件。
能免费托管吗？
能。它是一个静态 HTML 文件，任何静态托管或对象存储都能放。
其他网站 Skill 在哪里？
带多个页面的完整营销站在落地页模板页面；个人网站在作品集页面。
内容创作者的更多任务
每个任务都有自己的 Skills、真实示例和常见问题。
