银色机器人产品网站v1.0.2
使用这个 Skill：Build Product Site。
5.067 次下载1 次喜欢2 次收藏
$4.99
购买这个 Skill 能获得什么？一个围绕银灰棚拍产品照和超大细体型号名打造的高端硬件品牌网站。Hero 可在不同型号间切换，搭配磨砂质感的规格卡；产品家族阵列按真实身高比例绘制；不对称 Bento 混排照片、数字和代码。型号、技术、应用、日志、下载、关于、FAQ 和预约演示页面全部互相连通，配置器会把实时报价带进预约表单。
更新于 2026年10月3日
效果预览
相似 Skill
查看全部 Skills
你将获得
- 23 个路由的网站：型号与三个产品页、技术、应用与四个案例页、含三篇文章的日志、下载、关于、预约演示、FAQ、订阅、法律和 404
- 可用的控件：Hero 型号切换、产品图库、带实时总价的配置器、对比切换、带排序和搜索的模块筛选、下载筛选和 FAQ 搜索
- Inter Tight 与 IBM Plex Mono 字体、安静的白色规格卡和银灰棚拍照片，全部在一个可离线打开的文件里
适合
- 有一整个产品家族要展示的机器人、无人机、电助力自行车、音频和相机厂商
- 需要在一个网站里放下规格、对比、下载和预约演示的硬件创业公司
- 想要冷静、专业的技术感，而不是喧闹发布页的实验仪器和设备品牌
不适合
- 真实下单或支付：配置器和预约表单只在页面内确认，并说明没有发送任何内容
- 没有实体产品可拍的纯软件产品
- 想要深色或多彩风格的品牌；配色是银灰、白和石墨
品牌建立与视觉规范网站与数字体验Build Product Site风格锁定成果可编辑Robot BentoRobot FeatureRobot HeroRobot Spec
关于此 Skill
把你的产品线变成一个冷静、专业的品牌网站：银灰棚拍照片上方是超大的细体型号名，配安静的白色规格卡和按真实身高比例绘制的产品阵列。示例用 23 个互相连通的路由展示三款机器人，整站以一个文件交付，任何浏览器离线即可打开。
你将获得
- 可切换图片、名称、简介和规格的 Hero 型号切换器，按比例绘制的产品阵列，以及带代码格的不对称硬件 Bento
- 带图库和配置器的型号页、可只看差异的横向对比，以及可筛选的模块目录
- 技术 Tab、应用案例页、日志、带筛选的下载、带时间线的关于页、可搜索的 FAQ 和预约演示
- 带校验的表单，会把你的配置带进演示预约，并在页面内确认
- Inter Tight 与 IBM Plex Mono 字体连同所有图片均已内嵌，页面不发起任何网络请求
如何使用
- 向 Skill 提供品牌、带型号代码、规格和价格的产品、目标受众以及需要的页面。有产品照片就一并提供。
- Skill 填满每个页面，用统一的棚拍风格生成缺失的图片，并列出起草的信息让你确认。
- 打开文件，试试型号切换、配置器和筛选，用大白话提修改。
你没有提供的图片由 Agent 的图像工具生成，可能产生该工具自身的使用费用。
开始前需要准备什么
- 你需要提供
- 品牌名、目标受众和需要的页面 · 2 到 4 款产品，包括型号代码、关键规格、价格和各自用途 · 可选：产品照片，以及你能确认的合作伙伴、评价和公司信息
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本，用来运行随附脚本，生成单个离线网页文件 · 生成文件时需要联网，字体只下载一次并嵌入文件 · Agent 中的图像工具，用于生成产品 Hero 图、全身照、特写和场景图；如果你自己提供照片则可以不用
- 外部成本
- 你没有提供的图片由 Agent 自带的图像工具生成，可能产生该工具的使用费用。成品页面不发起任何网络请求。查看示例不产生任何费用。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…