AI-WPS 辅助办公

下方课件区域方向键控制翻页，f 键全屏。

下载链接

官方 WPS 下载 (普通版-有灵犀按钮)

校内 WPS 下载 (教育版-无灵犀按钮)

提示词

生成响应式 Web 页面。来自微博 @歸藏的 AI 工具箱

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
我会给你一个文件，分析内容，并将其转化为美观漂亮的中文可视化网页：

## 内容要求

- 所有页面内容必须为简体中文
- 保持原文件的核心信息，但以更易读、可视化的方式呈现
- 在页面底部添加作者信息区域，包含：
  - 作者姓名: [作者姓名]
  - 社交媒体链接: 至少包含 GitHub、Twitter/X、LinkedIn 等主流平台
  - 版权信息和年份

## 设计风格

- 整体风格参考 Linear App 的简约现代设计
- 使用清晰的视觉层次结构，突出重要内容
- 配色方案应专业、和谐，适合长时间阅读

## 技术规范

- 使用 HTML5、TailwindCSS 3.0+（通过 CDN 引入）和必要的 JavaScript
- 实现完整的深色/浅色模式切换功能，默认跟随系统设置
- 代码结构清晰，包含适当注释，便于理解和维护

## 响应式设计

- 页面必须在所有设备上（手机、平板、桌面）完美展示
- 针对不同屏幕尺寸优化布局和字体大小
- 确保移动端有良好的触控体验

## 图标与视觉元素

- 使用专业图标库如 Font Awesome 或 Material Icons（通过 CDN 引入）
- 根据内容主题选择合适的插图或图表展示数据
- 避免使用 emoji 作为主要图标

## 交互体验

- 添加适当的微交互效果提升用户体验：
  - 按钮悬停时有轻微放大和颜色变化
  - 卡片元素悬停时有精致的阴影和边框效果
  - 页面滚动时有平滑过渡效果
  - 内容区块加载时有优雅的淡入动画

## 性能优化

- 确保页面加载速度快，避免不必要的大型资源
- 图片使用现代格式(WebP)并进行适当压缩
- 实现懒加载技术用于长页面内容

## 输出要求

- 提供完整可运行的单一 HTML 文件，包含所有必要的 CSS 和 JavaScript
- 确保代码符合 W3C 标准，无错误警告
- 页面在不同浏览器中保持一致的外观和功能

请根据上传文件的内容类型（文档、数据、图片等），创建最适合展示该内容的可视化网页。

生成公众号封面。来自微博 @歸藏的 AI 工具箱，公众号@歸藏的 AI 工具箱。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
# 公众号封面提示词

你是一位优秀的网页和营销视觉设计师，具有丰富的 UI/UX 设计经验，曾为众多知名品牌打造过引人注目的营销视觉，擅长将现代设计趋势与实用营销策略完美融合。
请使用 HTML 和 CSS 代码按照设计风格要求部分创建一个的微信公众号封面图片组合布局。我需要的设计应具有强烈的视觉冲击力和现代感。

## 基本要求：

- **尺寸与比例**：
- 整体比例严格保持为 3.35:1
- 容器高度应随宽度变化自动调整，始终保持比例
- 左边区域放置 2.35:1 比例的主封面图
- 右边区域放置 1:1 比例的朋友圈分享封面
- **布局结构**：
- 朋友圈封面只需四个大字铺满整个区域（上面两个下面两个）
- 文字必须成为主封面图的视觉主体，占据页面至少 70%的空间
- 两个封面共享相同的背景色和点缀装饰元素
- 最外层卡片需要是直角
- **技术实现**：
- 使用纯 HTML 和 CSS 编写
- 如果用户给了背景图片的链接需要结合背景图片排版
- 严格实现响应式设计，确保在任何浏览器宽度下都保持 16:10 的整体比例
- 在线 CDN 引用 Tailwind CSS 来优化比例和样式控制
- 内部元素应相对于容器进行缩放，确保整体设计和文字排版比例一致
- 使用 Google Fonts 或其他 CDN 加载适合的现代字体
- 可引用在线图标资源（如 Font Awesome）
- 代码应可在现代浏览器中直接运行
- 提供完整 HTML 文档与所有必要的样式
- 最下方增加图片下载按钮，点击后下载整张图片

## 风格要求：软萌知识卡片风

- **设计风格**：
- 柔和色彩基调：以粉色、米黄、淡紫等温和色调为主，营造轻松友好氛围
- 圆角卡片结构：所有内容采用大圆角矩形或椭圆形容器，没有尖锐边角
- 简约留白处理：适当留白增强可读性，避免视觉拥挤感
- 渐变色背景：部分卡片使用柔和渐变背景，增加层次感和温暖感
- 情感化设计：整体风格偏向亲和、轻松，不过分严肃正式
- 统一视觉语言：各卡片尽管内容不同，但维持一致的设计语言
- 轻量化边框：红色封面使用笔记本线条等轻量级边框元素增加趣味性
- **文字排版风格**：
- 大字号标题：标题文字加粗加大，吸引第一眼注意
- 紧凑段落布局：正文内容分段清晰，段落间距适中
- 感叹号点缀：频繁使用感叹号增强情感表达和亲近感
- 表情符号融入：在文字中加入"」"等特殊符号增加表现力
- 重点句加粗：关键信息或总结性内容加粗处理
- 自然语言表达：采用口语化、对话式的表达方式，降低阅读门槛
- 多层级排版：标题、副标题、正文、强调语等形成清晰的阅读层级
- **视觉元素风格**：
- Q 版表情角色：底部配置可爱的 emoji 表情或形象，增加亲和力
- 表情丰富多样：使用惊讶、思考、无奈等多种表情，与文本内容情感呼应
- 场景化呈现：如电脑前工作的人物、阅读书本的角色等场景化表达
- 实物图融合：如猫咪真实照片与卡通风格的结合
- 点缀型装饰：适量使用小装饰元素，如笔记本边缘的圆点标记
- 形象位置统一：视觉元素多位于卡片底部，形成稳定的视觉期待
- 拟人化处理：将抽象概念通过卡通形象拟人化，增强理解和记忆

## 用户输入内容

- 公众号标题为：[一套提示词帮你实现小红书、公众号封面自由，Deepseek V3 也能用！]
- emoji 图片：https://s2.loli.net/2025/03/24/pBmlncEYkodSVA6.png

生成小红书封面。来自微博 @歸藏的 AI 工具箱，公众号@歸藏的 AI 工具箱。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
# 小红书封面生成提示词

你是一位优秀的网页和营销视觉设计师，具有丰富的 UI/UX 设计经验，曾为众多知名品牌打造过引人注目的营销视觉，擅长将现代设计趋势与实用营销策略完美融合。现在需要为我创建一张专业级小红书封面。请使用 HTML、CSS 和 JavaScript 代码实现以下要求：

## 基本要求

**尺寸与基础结构**

- 比例严格为 3:4（宽:高）
- 设计一个边框为 0 的 div 作为画布，确保生成图片无边界
- 最外面的卡片需要为直角
- 将我提供的文案提炼为 30-40 字以内的中文精华内容
- 文字必须成为视觉主体，占据页面至少 70%的空间
- 运用 3-4 种不同字号创造层次感，关键词使用最大字号
- 主标题字号需要比副标题和介绍大三倍以上
- 主标题提取 2-3 个关键词，使用特殊处理（如描边、高亮、不同颜色）
  **技术实现**
- 使用现代 CSS 技术（如 flex/grid 布局、变量、渐变）
- 确保代码简洁高效，无冗余元素
- 添加一个不影响设计的保存按钮
- 使用 html2canvas 实现一键保存为图片功能
- 保存的图片应只包含封面设计，不含界面元素
- 使用 Google Fonts 或其他 CDN 加载适合的现代字体
- 可引用在线图标资源（如 Font Awesome）
  **专业排版技巧**
- 运用设计师常用的"反白空间"技巧创造焦点
- 文字与装饰元素间保持和谐的比例关系
- 确保视觉流向清晰，引导读者目光移动
- 使用微妙的阴影或光效增加层次感

## 风格要求：软萌知识卡片风

- **设计风格**：
- 柔和色彩基调：以粉色、米黄、淡紫等温和色调为主，营造轻松友好氛围
- 圆角卡片结构：所有内容采用大圆角矩形或椭圆形容器，没有尖锐边角
- 简约留白处理：适当留白增强可读性，避免视觉拥挤感
- 渐变色背景：部分卡片使用柔和渐变背景，增加层次感和温暖感
- 情感化设计：整体风格偏向亲和、轻松，不过分严肃正式
- 统一视觉语言：各卡片尽管内容不同，但维持一致的设计语言
- 轻量化边框：红色封面使用笔记本线条等轻量级边框元素增加趣味性
- **文字排版风格**：
- 大字号标题：标题文字加粗加大，吸引第一眼注意
- 紧凑段落布局：正文内容分段清晰，段落间距适中
- 感叹号点缀：频繁使用感叹号增强情感表达和亲近感
- 表情符号融入：在文字中加入"」"等特殊符号增加表现力
- 重点句加粗：关键信息或总结性内容加粗处理
- 自然语言表达：采用口语化、对话式的表达方式，降低阅读门槛
- 多层级排版：标题、副标题、正文、强调语等形成清晰的阅读层级
- **视觉元素风格**：
- Q 版表情角色：底部配置可爱的 emoji 表情或形象，增加亲和力
- 表情丰富多样：使用惊讶、思考、无奈等多种表情，与文本内容情感呼应
- 场景化呈现：如电脑前工作的人物、阅读书本的角色等场景化表达
- 实物图融合：如猫咪真实照片与卡通风格的结合
- 点缀型装饰：适量使用小装饰元素，如笔记本边缘的圆点标记
- 形象位置统一：视觉元素多位于卡片底部，形成稳定的视觉期待
- 拟人化处理：将抽象概念通过卡通形象拟人化，增强理解和记忆

## 用户输入内容

- 封面文案：[Andrej Karpathy 分享了他是如何只用一个文件做笔记的 非项目的日常笔记他只用一个苹果备忘录文件，这样非常方便在单个文件搜索内容 有任何想法或待办事项出现时，都会简单地以纯文本形式将它添加到笔记的顶部 只使用使用"watch:"（观看）、"listen:"（聆听）或"read:"（阅读）等标签 回顾的时候会不时向下滚动浏览笔记。如果发现任何值得持续关注的内容，会通过简单复制粘贴将其"救回"顶部。 值得记录的问题或者内容确实没有多少，这样很简单，项目类型的记录和文档他还是使用 Obsidian]
- 账号名称：[歸藏(guizang.ai)]
- 可选标语：[正儿八经学 AI]