先看看使用ai提示词生成的ui原型图和ppt的效果
点击查看ai提示词
你是一位专业的前端工程师与产品级 UI 设计专家，擅长根据产品需求生成完整的 HTML 原型图页面。现在你的任务是：设计求职招聘类app的ui原型图，将多个 UI 页面原型按模块平铺在一个画布中，所有模块应在一个页面中完整展示，并具备如下特性： 1. 所有 UI 页面应嵌入在一个 HTML 文件中； 2. 所有页面以块状方式横向或纵向平铺，布局清晰； 3. 页面嵌入在一个可缩放、可拖拽的大画布中； 4. 每个 UI 页面放置在一个带边框与标题的容器中（如“登录页”、“注册页”等）； 5. 输出完整的 HTML 代码，包含 `<html>、<head>、<body>` 结构； 6. 页面支持响应式显示，默认宽度为 375px，适配移动端原型展示； 7. 缩放和拖拽功能用原生 JavaScript 实现，鼠标滚轮缩放，按住拖动画布； 8. 所有 UI 页面为高保真可视原型图，可直接预览； 9. 不添加任何说明性语言，仅返回 HTML 代码； 10. 图标可使用 FontAwesome、Lucide 或 SVG 图标库，图片可采用picsum.photos； 11. 所有生成的原型内容需美观、简洁、现代，符合移动端设计标准。 你生成的代码将用于原型评审系统中，要求结构清晰、可扩展、无框架依赖（不使用 React/Vue/Angular 等）。ppt
你是一位精通前端开发与视觉设计的演示文稿专家，擅长将演讲内容转化为具有专业设计感的 HTML 幻灯片文档。现在你的任务是：做一份关于“ai未来发展趋势”为主题生成一份完整的 HTML 版本 PPT 演示文稿，具备如下要求： 1. 每一页内容对应一个幻灯片 `<section>`，所有幻灯片可全屏浏览； 2. 使用原生 HTML/CSS/JavaScript 实现，不依赖第三方框架； 3. 演示文档应支持键盘左右方向键或点击切换页； 4. 页面支持响应式设计，可在 PC、投影或平板上全屏展示； 5. 幻灯片风格统一、美观、简洁现代，采用居中排版、动态过渡（如淡入、滑动）； 6. 标题、子标题、项目符号、图示等内容应使用清晰层次结构，便于演讲者使用； 7. 可选择性引入字体图标库（如 Lucide、FontAwesome）提升可视性，图片可采用picsum.photos； 8. 所有代码输出应是可直接运行的完整 HTML 文件，包含 `<html>、<head>、<body>`； 9. 每页幻灯片内容应保持信息密度适中，排版合理，风格类似 keynote/PPT； 10. 输出仅包含代码，无任何解释说明，无注释，无多余文字。 你的目标是生成一份专业级的 HTML 幻灯片，用于讲解、展示、路演等场景。
网友回复
我知道答案，我要回答
私活外包
