科技产品 Demo 生成器

解决什么问题

科技产品汇报里最常见的尴尬是：架构图用 SVG 画得太示意，产品图又缺真实渲染质感，最后页面像拼凑的 PPT。这个技能面向需要快速产出可演示科技产品信息图的人，目标是用 3D 产品仿真图 加统一页面模板，生成可直接打开的 index.html Demo。

技能如何工作

核心工作流分为四步：

• 生成产品图：按飞行器、电池、芯片、机械部件、场景和图标等类型使用统一 Prompt 模板，强调 3D 渲染、8K、产品摄影、白色背景、无文字，避免卡通、水印和乱码。
• 选择模板：覆盖系统全景、对比分析、技术路线、挑战分析和产业知识库等结构，适合系统架构、竞品参数、技术分类和资源库页面。
• 组装页面：输出 index.html、styles.css 和 images/ 目录，图片使用相对路径，卡片圆角、间距和主色 #0066FF 保持一致。
• 质量检查：检查图片是否为 3D 风格、是否有文字乱码、背景是否干净、移动端是否自适应、路径是否正确。

适用边界与注意点

它适合产品介绍、技术架构、方案对比、行业研究和汇报页面，不适合纯文字报告、政务风格、电商详情页、营销海报或需要后端交互的网站。使用时应优先保证图片风格统一和文字内容完整；AI 生成的产品图可替换为真实产品图，页面中的文字、颜色和模块可按设计系统继续修改。