简诗 AI 商品三维沉浸营销网页设计
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_fccf428b/china-design-3d-web-experience。
技能介绍
要解决的具体问题
商品三维展示和沉浸式营销网页并不只是把模型放进页面。常见难点是视觉、性能、转化目标与业务渠道相互割裂:模型面数和材质影响加载,Three.js、React Three Fiber、Spline、WebGL 的交互成本容易被低估;营销页又受尺寸、受众、平台规则和版权边界约束。中国业务场景还要求确认现状、历史结果和失败案例,否则方案会停在概念层。
技能如何工作
这个技能按独立业务工作流推进:先核对设计目标、受众、渠道、尺寸、品牌规范、文案、数据、可用素材、交付格式、技术约束和版权边界。信息不足时先列缺口和影响,涉及价格、时间、案例、资质、平台规则、经营结果或外部发布时不自行补写。
随后把任务拆成商品三维展示、沉浸式营销网页设计等可检查模块,明确优先级、负责人和依赖,并在原能力边界内执行:使用 Three.js、React Three Fiber、Spline、WebGL 构建产品配置器、3D 作品集和交互式 3D 场景。产出包括目标与范围卡、执行步骤、模板或方案、设计规范与制作包,以及事实证据、风险、缺失信息和人工确认清单。发布前按目标、事实、可执行性、合规和交付完整性复核。
适用边界与注意点
不使用无授权图片、字体、肖像、商标或竞品素材;不把本地文档、模板或建议冒充已执行的平台操作;不读取、记录或输出密钥、Token、密码和无关个人信息。涉及真实发送、发布、付费、删除、权限或生产变更时,必须由用户明确授权。事实、推断、建议和待确认信息需分别标注,建议必须落到负责人、动作、时间或检查标准。任一硬门槛不满足时输出“暂不可交付”,并说明需补充的信息、责任人和下一步动作。
使用场景
- 品牌官网准备新品上线,需要在移动端页面用 `Three.js` 制作可旋转交互的商品三维展示。
- 电商详情页需要加入沉浸式营销模块,让用户查看商品细节并理解购买信息。
- 设计团队要为新品发布会制作三维产品配置器,支持切换材质和部件组合。
- 交付负责人需要整理设计规范、制作包、风险清单和人工确认项后再提交方案。
适合人员
- 品牌视觉设计师,需要把商品卖点和品牌规范落到可执行的三维展示方案。
- 电商前端工程师,需要在详情页实现三维交互并处理加载和性能约束。
- 产品营销负责人,需要确认营销网页的目标、渠道、成功标准和发布边界。
- 设计交付负责人,需要检查三维展示模块的依据、风险、合规和交付完整性。