你会得到
- 23 页的产品网站,可以是一个离线 HTML 文件,也可以移植到你的框架中
- 型号切换器首屏、按比例排列的产品阵列、硬件网格布局和白色规格卡片
- 带图库、完整规格的产品页,以及可交给联系表单的配置器
- 检查离线安全、结构和残留示例名称的校验器
- 可选的 PopNow 产品渲染图、场景和首屏循环,报价后生成
适合
- 机器人、电动自行车、无人机、音频和相机品牌
- 小型产品系列的发布或目录网站
- 用可运行的页面推介高端重新设计
不适合
- 今天就需要收款的店铺
- 有数百件商品的目录
- 温暖、俏皮或纯软件的品牌
怎么用
在 Claude 或 ChatGPT 里
用 PopNow 的技能「硬件产品网站」(hardware-product-website)帮我做这件事:为我们的三款电动自行车 Arc 1、Arc 2 和 Arc Cargo 搭建网站,价格、续航和重量取自 specs.csv。
在编程 Agent 里
/popnow-hardware-product-website 为我们的三款电动自行车 Arc 1、Arc 2 和 Arc Cargo 搭建网站,价格、续航和重量取自 specs.csv。
接着试试
在银色背景上为三辆车生成影棚照,先为整套照片报价。
把它移植到我们的 Next.js 应用中,每辆车一条路由。
需要准备
- 产品名称、型号代码、价格,以及重要的规格
- 产品照片,或用于生成一套统一照片的 PopNow API 密钥
- 合作伙伴、团队、联系方式和交货周期的真实信息
类似技能
查看全部 →3D 头像制作工具
+3在浏览器里捏一个软萌毛绒风 3D 角色,保存为透明 PNG 或 3D 网页。
日历热力图
+3用带色阶的日历网格展示一整年的每日活动,附连续天数、总数和键盘操作。
AI SaaS 落地页
+3温暖的砂色纸面,发丝线的竖轨和斜线阴影围着一块实时看板,助手在上面规划任务。
动态 Hero 首屏区块
+3落地页首屏:标题中的一个词轻轻轮换,配两个按钮和一个宽幅图片框。
着色器主视觉的创意机构网站
+3一块实时的橙色热浪着色器主视觉,底部固定一句宣言,配胶囊导航和错落的案例网格。
深色 SaaS 落地页
+3深色、动效丰富的软件产品营销网站,交付为一个自包含的 HTML 文件。
设计师作品集网站
+3六张微微倾斜的卡片环绕着渐隐的标题,浅灰底色,一张红色人像卡片,以及编辑风格的案例研究。
程序员作品集网站
+3面向工程师的深色个人网站,含项目案例、文章、演讲、简历和联系表单。
编辑风 SaaS 网站
+3深蓝的分栏首屏,五行衬线标题配纪实照片,斜切的色带,以及一种钴蓝强调色。
玻璃拟态网站模板
+3近黑胶片上的磨砂玻璃胶囊,一行带斜体单词的超大衬线标题,以及邮箱订阅框。
交互式系统架构图
+3离线可点击的系统架构图,基于经过校验的 JSON 模型生成,每个方框都附有依据。
互动网格主视觉
+3近黑底上的一张细线深色网格,会朝光标弯曲,并从每次点击中荡出一圈发光的波纹。
知识图谱可视化
+3把项目笔记变成离线可搜索的知识图谱,每条结论都能追溯到原文所在行。
KPI 仪表盘模板
+3暖纸上的四个 KPI 方块,附变化标签,配发光折线图、分项表格和目标进度条。
AI 样稿转落地页
+3先看三张整页设计稿,选定一张,你的 Agent 再把它构建为干净、响应式的代码。
杂志网站模板
+3印刷级质感的杂志网站,含文章、专题、小型商店和订阅,整站就是一个 HTML 文件。
粒子动画主视觉
+3暖纸底色上的文案,旁边是一个旋转的墨色与青绿色圆点球体,按每个理念重组形状,并在滚动时散开。
个人品牌网站
+3一张羽化进暖纸的肖像,置于细线括号之下,两侧是轻重对比的陈述。
电影感产品发布页
+3电影光线下的近黑页面:衬线标题卡配漂移的光带,宽银幕式的夜景,以及预约表单。
后台管理系统模板
+3可直接运行的后台控制台,含图表、表格、看板和日历,整套就是一个离线 HTML 文件。
SaaS 落地页模板
+3沉静、明亮的软件产品营销网站,含可交互的产品控制台、定价和注册。
手帐风个人简历网站
+3用纸质物件拼成的多页在线简历,含项目案例和可打印的简历。
球鞋商城网站模板
+3完整的鞋履或服装网店,含商品目录、商品详情页、购物袋和演示结账,全在一个 HTML 文件里。
工作流自动化落地页
+3石墨灰页面,左对齐的小标题,下方是实时的节点图,会运行、重试并流式输出日志。
常见问题
它只适用于机器人吗?
不是。示例品牌是机器人制造商,但任何小型实体产品系列都适用:自行车、无人机、音箱、相机或乐器。阵列的比例、板块和标签都可以映射到你的产品上。
它能接受订单吗?
配置器会生成一份带价格的规格,并交给报价表单。在你接入支付服务商之前,它不会收款,页面上也会说明这一点。
如果我还没有产品照片怎么办?
在报价总额之后,PopNow 可以根据你对产品的一段文字描述,生成一套风格统一的照片。在此之前,页面可以展示标注的占位方块。
我怎么确认样例中的内容已全部替换?
内置的校验器会在样例品牌、产品、人物、合作伙伴、地点、电话号码或域名仍然存在时,让构建失败;同时检查离线安全性,以及每个链接是否都能到达页面。

