展厅互动展示页生成

概述

投标要"案例页链接"、项目要"线上展厅"、客户要"预约入口"？

一句话描述需求，3 分钟出一套可直接托管的响应式展示页，移动端友好。

价格

¥19.9 / 次（SkillHub Pay Skill，按次付费）

它解决什么问题

• 交付物增值：除了 PPT、3D 模型，还需要"客户能扫码看的东西"——本技能输出的 HTML/JS 静态站，可托管到任意空间。
• 风格不统一：每页浅蓝主题、深蓝文字 + 白卡片 + 阴影层次，避开浅色叠浅色发灰、一页三栏过挤、UI 示意框的雷区——视觉即交付物。
• 小程序成本高：常规外包 5k-2w，本技能先用 HTML 出 demo，确认交互后再走小程序开发，节省 60% 沟通成本。
• 预约/留资渠道缺失：内置留资表单（姓名/手机/需求），可对接 CRM / 飞书表单。

适用场景

• 投标案例展示页（图文 + 3D 嵌入 + 视频）
• 客户线上预约/留资页
• 云展厅（展品清单 + 360° 查看）
• 项目交付的线上增值部分
• 微信公众号/小程序配套 H5

云端服务调用（SkillHub X402，推荐）

本技能已接入统一 X402 云端网关，无需本地环境，调用云端服务即可拿到展示页整站：

# 1) 发起调用
POST https://czqlooi-d8ghvqslf8ca855ee-1470936211.ap-shanghai.app.tcloudbase.com/pay-gateway/exhibition-showcase-page
body: {"title": "展厅名称", "subtitle": "副标题", "exhibits": [{"name": "展项", "desc": "描述"}]}

# 2) 收到 HTTP 402 → 调用 weixinpay_pay 完成微信支付（¥19.9/次）

# 3) 携带 X-Out-Trade-No 重试 → HTTP 200
#    响应含 artifacts[0].data_base64（zip 包），解压即得 index.html 整站，可直接托管部署

• 产物为 zip 整站（HTML/CSS/JS），由服务端生成并随响应回传，本地不含任何生成脚本——scripts/run.py 为云端客户端，仅提交参数、下载 zip 并解压。

你会得到什么

• dist/ 目录：完整静态站（HTML + CSS + JS + 图片）
• 响应式布局：桌面 / 平板 / 手机自适应
• 可定制主题色：请求参数 theme: blue|green|warm（默认浅蓝呼应空间设计）
• 可选小程序代码包：调用 wechat-miniprogram 技能输出 WXML/WXSS/JS

设计约定

• 配色：深蓝文字 + 白卡片 + 浅蓝底纹，避免浅色叠浅色发灰
• 布局：每屏一个核心信息，不堆内容
• 交互按钮：统一左下角、自适应匹配
• 移动端优先：展厅多用平板/手机扫码访问

套装搭配

• exhibition-3d-showcase：把生成的 GLB 嵌入展示页的"展品 360°"模块。
• exhibition-pitch-template：展示页链接作为"在线案例"附在投标 PPT 的最后一页。
• exhibition-research-report：在展示页底部加"行业背书"区块，引用报告数据。

风险逆转

• "不知道要不要做小程序"：先用 HTML 出 demo，客户确认后再决定是否走小程序开发——降低决策风险。
• "展品数据哪来"：内置 5 种默认 demo 数据（智能制造、博物馆、党建、企业展厅、文旅），改字段即可。
• "不会部署"：产物是纯静态文件，可托管到 EdgeOne Pages / Vercel / 任意 Nginx。
• "想换主题色"：请求参数 theme 切换；高级定制修改云端模板（产物含完整可编辑源码）。

付费使用说明（X402 协议）

本技能为 SkillHub Pay Skill，按调用量计费。服务在收到调用请求且未匹配到有效支付凭证时，返回 HTTP 402（Payment Required）并携带 X402 支付触发标识；Agent 完成支付后携带原订单号再次请求，即可获得技能执行结果。

前置检查

• 调用方已检查 weixinpay 插件是否安装并启用（微信支付 AI 专属卡能力依赖此插件；未安装时无法弹出支付授权）。
• 调用方已完成 SkillHub 账号认证与支付绑定。
• 业务参数齐全：title（展厅名称）、subtitle（副标题）、exhibits（展品清单 name/desc/image），theme 可选。
• 本机有 Python 3.7+（仅用于运行云端客户端 scripts/run.py）。

支付触发

• 首次调用时，服务返回 HTTP 402，并附带：
  • 响应头 WeixinPay-Required: <payment_code>（值为微信支付 payUrl）
  • 响应头 X-Out-Trade-No: <订单号>
  • 响应体字段 payment_code（与 payUrl 同值）
• Agent 识别 WeixinPay-Required 头后，调用 weixinpay_pay 插件并传入 payment_code。
• 支付完成后，在原请求上增加请求头 X-Out-Trade-No: <订单号> 再次调用，服务校验支付凭证后执行技能并返回结果。

重试机制

• 网络类瞬时失败（连接超时、DNS 失败、支付网关 5xx）自动重试最多 3 次，退避 1s/2s/4s。
• 同一 X-Out-Trade-No 可多次重试查询支付状态，不重复创建订单、不重复扣费。
• 逻辑类失败（参数非法、输出目录不存在）直接返回错误，不重试。

异常处理

• 未支付或支付未完成：服务继续返回 402。
• 网络类失败：按退避策略自动重试（最多 3 次，1s/2s/4s）。
• 参数非法 / 前置检查不通过 / 配置不完整 / 技能执行失败：返回对应 4xx/5xx，不扣费。

版权与许可

• 版权所有 © 2026 展厅多媒体交付。本技能（含 SKILL.md 提示词、脚本与生成模板）受著作权保护。
• 许可：仅限 SkillHub 付费用户依据平台协议使用；禁止反编译、去除水印、转售、再分发或用于训练竞品。
• 生成产物默认植入 SkillHub 订单号水印，用于溯源与侵权追责。
• 违规使用将依法追究法律责任。