
声浪音频落地站v1.0.0
使用这个 Skill:制作网页/单页站/仪表盘。
5.010 次下载0 次喜欢0 次收藏
$4.99
购买这个 Skill 能获得什么?打造以产品影像和聚焦叙事为核心的消费硬件营销网站,让页面以克制的动效突出产品本身。它适合发布音频设备或其他实体产品的团队,在不虚构证明材料的前提下呈现高级而专注的品牌体验。
更新于 2026年8月31日
效果预览
运行于
生成模型
宿主 Agent 模型
相似 Skill
查看全部 Skills你将获得
- 一个完整可运行的 Next.js 15 硬件营销站:带滚动联动产品 Hero 的首页,以及产品页、参数页、定价、About、联系页、博客与 MDX 法务页
- 锁定的 "aurawave" 视觉系统——浅色为底、近乎单色,超大紧排标题、通栏产品摄影、单一青色点缀,以及完整明暗双主题
- 每个图片位都已填充:带真实透明通道的棚拍产品去背图、生活场景摄影、评价头像与 OG Banner,附可放心展示或替换的虚构用户评价
- 引导式换品牌工作流:附图片位尺寸对照表、JSON 驱动的规格参数表,以及六篇可改写的 MDX 博客
- 校验脚本自动拦截 emoji 图标、失效图片引用和占位品牌残留
适合
- 你要发布实体产品——音箱、耳机或其他高端消费硬件——想要一个以摄影驱动的可信官网而不想做设计
- 你使用 React/Tailwind 技术栈,希望 Agent 能持续帮你换品牌、扩页面,并让产品页、参数页、定价与博客保持统一风格
- 你需要完整的站点表面——规格表、按配色分档的定价、用户评价、博客——而不只是一个 Hero 区块
不适合
- 不能使用 Next.js 或 React 的项目——可运行模板以 Next.js 为主(视觉风格可移植到其他栈,但代码是 React)
- 需要真实购物车、结算、库存或电商后端的店铺——定价页只做跳转,不处理交易
- 期望获得真实产品照片、媒体评语或真实评测人姓名的用户——模板中所有品牌、人物、参数与评价均为虚构
产品发布与应用增长数字出版物与网页展示制作网页/单页站/仪表盘制作落地页Scaffold Web Template风格锁定成果可编辑转化导向Light FirstNear MonochromeOversized Tight HeadlinesProduct Photography LedScroll Driven MotionTeal Accent Glow
关于此 Skill

告诉 Skill 你的硬件产品是什么,就能得到一个基于 Next.js 15 的完整营销站:随滚动联动的产品 Hero 压在纯净白色舞台上,配合嵌图式主张文案、图文左右交替的特性区、信任数据卡、带缩略图轨的通栏生活场景轮播、FAQ 手风琴和博客卡片网格——再加上风格统一的产品页、参数页、定价、About 与联系页。

你会得到
- 可直接运行的 Next.js 15 项目:App Router、React 19、Tailwind CSS v4、TypeScript、motion,以及 MDX 博客与法务页
- 锁定的 "aurawave" 外观——浅色为底、近乎单色,超大紧排标题、通栏摄影、单一青色点缀
- 每个图片位都已填充带真实透明通道的棚拍去背图、生活场景照片、头像与 OG Banner
- JSON 驱动的规格参数表、按配色分档的定价,以及六篇可改写的博客
- 带导航栏切换按钮的完整明暗双主题,以及拦截 emoji 图标、失效图片路径与品牌残留的校验脚本

使用方法
- 告诉 Skill 你的产品名和一句话主张;它会复制模板,并把元数据、文案、参数、logo 和图片位换成你的产品。
- 用
npm run dev在本地预览,然后用自然语言提修改——"再加一个配色档位"、"把轮播照片换掉"。 - 部署到任何支持 Next.js 的平台,或让 Skill 把同样的区块移植进已有的 React、Vue、Svelte 或 Astro 项目。

模板里的每个品牌、评测人、参数和价格都是虚构的,字体也采用开放许可,你可以在真实内容还在审核时放心对外演示。
开始前需要准备什么
- 你需要提供
- 产品名称与一句话主张;可选提供 logo、产品照片或配色方案、价格档位,以及你希望展示在参数页上的规格表
- 依赖项
- Node.js 18+ and npm — required to run the template
- 最近实测
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…








