概述
根据商品信息（名称、卖点、规格、价格、图片链接）一键生成可上架的自包含商品详情页 HTML，零外链、多端可开。
触发词
商品详情页、商品页、产品页、上架页、详情页生成、电商落地页
工作流
- 收集商品要素：标题、卖点、参数表、价格、主图/详情图 URL、购买按钮文案。
- 按模板组装自包含 HTML（CSS/JS 全内联、零外链、移动端自适应）。
- 渲染卖点区块、规格参数表、图文详情、行动按钮。
- 输出单文件 HTML，本地双击即开，可直接交付或上传。
产出物（生成即用·商品页HTML）
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>商品详情页</title>
<style>
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"PingFang SC",sans-serif;background:#f5f6fa;color:#222;line-height:1.6}
.wrap{max-width:720px;margin:0 auto;background:#fff}
.hero{height:320px;background:linear-gradient(135deg,#6a5cff,#a18cff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}
.sec{padding:20px 18px;border-bottom:1px solid #eee}
h1{font-size:22px;margin-bottom:8px}
.price{color:#ff4d4f;font-size:26px;font-weight:700}
.points li{margin:6px 0 6px 18px;color:#444}
table{width:100%;border-collapse:collapse;margin-top:10px}
td{padding:8px 10px;border:1px solid #eee;font-size:14px}
td:first-child{background:#fafafa;color:#888;width:30%}
.buy{display:block;text-align:center;background:#ff4d4f;color:#fff;padding:14px;margin:18px;border-radius:10px;text-decoration:none;font-size:17px;font-weight:700}
</style>
</head>
<body>
<div class="wrap">
<div class="hero">商品主图区（替换为你的图片 URL）</div>
<div class="sec">
<h1>商品标题</h1>
<div class="price">¥199.00</div>
</div>
<div class="sec">
<h3>核心卖点</h3>
<ul class="points"><li>卖点一：材质与工艺</li><li>卖点二：使用场景</li><li>卖点三：售后保障</li></ul>
</div>
<div class="sec">
<h3>规格参数</h3>
<table><tr><td>品牌</td><td>your-brand</td></tr><tr><td>型号</td><td>MODEL-1</td></tr><tr><td>尺寸</td><td>标准</td></tr></table>
</div>
<div class="sec"><h3>图文详情</h3><p>在此粘贴详情图与介绍文字……</p></div>
<a class="buy" href="#">立即购买</a>
</div>
</body>
</html>
使用示例
输入：标题「北欧风台灯」、价格 199、卖点 3 条、规格表 3 行 → 生成单文件商品详情页 HTML，移动端自适应、可直传电商后台。
红线（必须遵守）
- 禁止硬编码个人/真实商户信息，示例用 your-brand / MODEL-1 / 北京等中性占位。
- 产出为自包含单文件 HTML（零外链），不依赖任何 CDN 或本地路径。
- 图片仅用 URL 占位，不内嵌真实个人图片。
大白话说明
你说商品叫啥、卖点啥、多少钱，我直接给你一个能上架的网页，手机电脑都能打开，不用你懂代码。
