用Cursor提示词可直接生成工业风产品海报HTML页面:需明确主视觉(如智焊X7机器人)、Slogan(“毫秒级响应,零缺陷交付”)与金属灰蓝机械感风格,并结构化定义尺寸、排版、字体及技术参数等细节,生成后双击预览并另存为PNG。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

用Cursor快速生成一张可用于新品发布、展会宣传或社交媒体传播的工业风产品海报,不需要设计师介入,也不依赖Figma或Photoshop,纯靠提示词驱动AI生成HTML+CSS可直接预览的静态页面。
明确海报核心信息与视觉基调
先在脑中锁定三件事:主视觉对象(比如一台新研发的智能焊接机器人)、一句强记忆点的Slogan(如“毫秒级响应,零缺陷交付”)、以及整体风格倾向(机械感线条+金属灰蓝主色+微光效)。这三者缺一不可——漏掉Slogan,AI会默认填“New Product Launch”;没指定金属灰蓝,它大概率给你一套莫兰迪马卡龙配色。
把这三项揉进一句话,就是提示词的地基。不要写“做一个好看海报”,要写【“为‘智焊X7’焊接机器人设计一张横版海报,尺寸1200×800px,主标题‘毫秒级响应,零缺陷交付’,副标题‘国内首台通过ISO 3834-2认证的边缘控制焊接终端’,视觉风格:工业机械感,主色#2A3B4C与#5D8AA8,带金属拉丝底纹和局部高光反射”】。
加入结构化排版指令
AI不理解“居中大气”,但能执行“标题字号64px加粗,行高1.2,距顶部留白220px”。所以必须拆解空间:
方法一:用像素锚定关键元素位置
顶部留白220px → 主标题左对齐、字体思源黑体Bold、字号64px、字重700 → 副标题在主标题下方80px、字号28px、字重400、行高1.5 → 产品图占宽720px、居中、底部距画布底边160px。
方法二:用CSS Flex/Grid逻辑描述布局
“整个容器设为display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 220px;” → “主标题用
标签包裹,应用font-size: 64px; font-weight: 700; margin-bottom: 80px;” → “产品图用
标签,width: 720px; margin-bottom: 160px;”。
⚠️注意:如果只写“把标题放中间”,AI可能把文字水平垂直都居中,导致上下留白失衡,压到产品图区域。
注入可信细节提升专业感
工业类海报最忌空泛。用户看到“通过ISO 3834-2认证”会本能信任,看到“支持12轴同步轨迹规划”会判断技术深度。把这些写进提示词,AI会在副标题下方自动生成一行小号技术参数栏。
步骤一:在副标题后追加“技术参数栏:支持12轴同步轨迹规划|重复定位精度±0.02mm|IP54防护等级|内置双目视觉补偿模块”
步骤二:要求“参数栏字号14px,字重300,颜色#9CA3AF,行高1.6,上下各留24px间距”
步骤三:强制指定“所有文字使用思源黑体CN,禁止使用苹方、Helvetica等非中文字体”
这一步做完,海报底部就不会再冒出“Designed by Cursor AI”这种破坏调性的水印文案。
导出与本地预览
在Cursor Agent模式下粘贴完整提示词,等待生成index.html文件。
双击该文件,用系统默认浏览器打开即可全屏查看效果。
右键→“另存为”→保存为PNG格式,分辨率自动匹配1200×800px,无需额外缩放裁剪。


















