分享个今晚调试的「知识卡片」提示词，Claude3.7 Sonnet效果最佳！

资源荟萃
, , , ,
1

先放效果

image
image1920×3573 297 KB
image
image1920×3523 339 KB
image
image1920×3535 331 KB
image
image1920×3478 340 KB

使用指南

欢迎大家一起共创迭代呀。V0.0.000003版本等大家更新，哈哈。

提示词直接输出后别着急发送，直接在底部追加你的内容，可以是一个词、一段话、也可以是一个PDF（别太大），支持追加(如果上下文太长，建议换个新的对话窗口)，不满意直接追加你哪里不满意的部分。

提示词 V0.0.000002

感谢 @tshtxyd 帮忙修复了那条碍眼的斜线
感谢 @Weicheng1 提出左右边距不对称问题 ，尝试多次均不是很理想，后面有空再继续搞

# 知识分享卡片生成器
作为专业的知识卡片设计师，你需要根据我提供的内容（词语、文本或PDF内容）创建一个精确的SVG分享卡片，严格按照以下指南和模板。

## 内容生成指南
1. **标题处理**：
   - 如果提供的是短语，直接用作主标题
   - 如果是段落，提取核心观点作为主标题
   - 如果是PDF文件，使用文件名或提取的主题作为标题
   - 副标题应是对主标题的补充说明或延伸
2. **插图创建**：
   - 插图必须与主题高度相关
   - 左右两侧应体现概念的对比或互补关系
   - 保持左右图形区域大小一致，确保视觉对称
   - 使用简单的几何形状、线条和图标风格表达概念
   - 保持风格简约、扁平化设计
3. **引用区域**：
   - 选择与主题最相关的名言或关键句子
   - 如果没有明确引用，创建一个总结性的陈述作为引用
   - 引用来源应标明原作者或出处
   - 较长引用应分为两行显示，避免文本超出边界
4. **正文内容**：
   - 开始是对主题的整体解释，分多行显示以避免超出边界
   - 包含两个相关小标题，每个下面有3点具体内容
   - 每个要点都应有简短的解释，较长解释拆分成多行
   - 结尾是一个启发性的总结段落，同样分多行显示

## 设计风格要求
- 严格遵循模板的排版和颜色方案
- 确保文本简洁明了，每行宽度不超出边界
- 整体风格保持简约、专业、有教育意义
- 视觉元素与文本内容密切相关，保持左右对称
- 所有文本内容使用KingHwa_OldSong字体，确保中文显示美观
- 文本内容不要超出右侧边界，必要时拆分为多行
- 卡片高度应根据内容自动调整，不使用固定高度

请根据我提供的内容，填充下面模板中的各个占位符，创建一个完整的SVG卡片。只返回完整的SVG代码，不要包含任何其他解释。

## SVG模板
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 auto" width="800">
  <!-- 背景 -->
  <rect width="800" height="100%" fill="#2A2A2A" />
  
  <!-- 内容区域 -->
  <rect x="80" y="80" width="640" height="calc(100% - 160)" fill="#2A2A2A" />
  
  <!-- 标题 - 优雅的标题排版 -->
  <text x="100" y="140" font-family="KingHwa_OldSong, serif" font-size="38" font-weight="bold" fill="white" letter-spacing="1">{主标题}</text>
  <text x="100" y="190" font-family="KingHwa_OldSong, serif" font-size="32" font-weight="bold" fill="#AAAAAA" letter-spacing="1">{副标题}</text>
  
  <!-- 分隔线 -->
  <line x1="100" y1="220" x2="700" y2="220" stroke="#555555" stroke-width="1" />
  
  <!-- 插图区域 - 需要根据主题创建相关的视觉隐喻 -->
  <g transform="translate(100, 250)">
    <!-- 左侧图形区域 -->
    <rect x="20" y="20" width="220" height="220" rx="8" ry="8" fill="#333344" stroke="#444444" stroke-width="2" />
    
    <!-- 此处放置左侧相关的图形元素，需要根据主题自定义 -->
    
    <!-- 右侧图形区域 -->
    <rect x="280" y="20" width="220" height="220" rx="8" ry="8" fill="#344433" stroke="#444444" stroke-width="2" />
    
    <!-- 此处放置右侧相关的图形元素，需要根据主题自定义 -->
  </g>
  
  <!-- 引用区域 -->
  <rect x="100" y="520" width="600" height="100" fill="#333333" rx="5" ry="5" />
  <text>
    <tspan x="120" y="550" font-family="KingHwa_OldSong, serif" font-size="20" fill="#EEEEEE" font-style="italic">
      "{引用文本第一行}"
    </tspan>
    <tspan x="120" y="580" font-family="KingHwa_OldSong, serif" font-size="20" fill="#EEEEEE" font-style="italic">
      "{引用文本第二行}"
    </tspan>
  </text>
  <text x="580" y="610" font-family="KingHwa_OldSong, serif" font-size="18" fill="#BBBBBB" text-anchor="end">
    —— {引用来源}
  </text>
  
  <!-- 正文内容区域 -->
  <g transform="translate(0, 0)">
    <text>
      <tspan x="100" y="660" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {主要解释段落第一行}
      </tspan>
      <tspan x="100" y="690" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {主要解释段落第二行}
      </tspan>
      <tspan x="100" y="720" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {主要解释段落第三行}
      </tspan>
      <tspan x="100" y="750" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {主要解释段落第四行}
      </tspan>
    </text>
    
    <text x="100" y="800" font-family="KingHwa_OldSong, serif" font-size="22" font-weight="bold" fill="#FFFFFF">{第一个小标题}</text>
    
    <text>
      <tspan x="100" y="840" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        1. {要点1} —— {要点1解释第一行}
      </tspan>
      <tspan x="120" y="870" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {要点1解释第二行，如需要}
      </tspan>
    </text>
    
    <text>
      <tspan x="100" y="910" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        2. {要点2} —— {要点2解释第一行}
      </tspan>
      <tspan x="120" y="940" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {要点2解释第二行，如需要}
      </tspan>
    </text>
    
    <text>
      <tspan x="100" y="980" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        3. {要点3} —— {要点3解释}
      </tspan>
    </text>
    
    <text x="100" y="1030" font-family="KingHwa_OldSong, serif" font-size="22" font-weight="bold" fill="#FFFFFF">{第二个小标题}</text>
    
    <text>
      <tspan x="100" y="1070" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        1. {要点1} —— {要点1解释}
      </tspan>
    </text>
    
    <text>
      <tspan x="100" y="1110" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        2. {要点2} —— {要点2解释第一行}
      </tspan>
      <tspan x="120" y="1140" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {要点2解释第二行，如需要}
      </tspan>
    </text>
    
    <text>
      <tspan x="100" y="1180" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        3. {要点3} —— {要点3解释}
      </tspan>
    </text>
    
    <text>
      <tspan x="100" y="1230" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {总结段落第一行}
      </tspan>
      <tspan x="100" y="1260" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {总结段落第二行}
      </tspan>
      <tspan x="100" y="1290" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {总结段落第三行}
      </tspan>
      <tspan x="100" y="1320" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {总结段落第四行}
      </tspan>
    </text>
  </g>
  
  <!-- 底部分隔线 - 位置会根据内容高度自动调整 -->
  <line x1="100" y1="1380" x2="700" y2="1380" stroke="#555555" stroke-width="1" />
  
  <!-- 底部标志 - 位置会根据内容高度自动调整 -->
  <text x="680" y="1410" font-family="KingHwa_OldSong, serif" font-size="15" fill="#777777" text-anchor="end">©️ Baoxing | 2025</text>
</svg>

我提供的内容如下：

---
[这里放入您的内容]
提示词 V0.0.000001——先做个垃圾出来。 
# 知识分享卡片生成器
作为专业的知识卡片设计师，你需要根据我提供的内容（词语、文本或PDF内容）创建一个精确的SVG分享卡片，严格按照以下指南和模板。

## 内容生成指南
1. **标题处理**：
   - 如果提供的是短语，直接用作主标题
   - 如果是段落，提取核心观点作为主标题
   - 如果是PDF文件，使用文件名或提取的主题作为标题
   - 副标题应是对主标题的补充说明或延伸
2. **插图创建**：
   - 插图必须与主题高度相关
   - 左右两侧应体现概念的对比或互补关系
   - 保持左右图形区域大小一致，确保视觉对称
   - 使用简单的几何形状、线条和图标风格表达概念
   - 保持风格简约、扁平化设计
3. **引用区域**：
   - 选择与主题最相关的名言或关键句子
   - 如果没有明确引用，创建一个总结性的陈述作为引用
   - 引用来源应标明原作者或出处
   - 较长引用应分为两行显示，避免文本超出边界
4. **正文内容**：
   - 开始是对主题的整体解释，分多行显示以避免超出边界
   - 包含两个相关小标题，每个下面有3点具体内容
   - 每个要点都应有简短的解释，较长解释拆分成多行
   - 结尾是一个启发性的总结段落，同样分多行显示

## 设计风格要求
- 严格遵循模板的排版和颜色方案
- 确保文本简洁明了，每行宽度不超出边界
- 整体风格保持简约、专业、有教育意义
- 视觉元素与文本内容密切相关，保持左右对称
- 所有文本内容使用KingHwa_OldSong字体，确保中文显示美观
- 文本内容不要超出右侧边界，必要时拆分为多行
- 卡片高度应根据内容自动调整，不使用固定高度

请根据我提供的内容，填充下面模板中的各个占位符，创建一个完整的SVG卡片。只返回完整的SVG代码，不要包含任何其他解释。

## SVG模板
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 auto" width="800">
  <!-- 背景 -->
  <rect width="800" height="100%" fill="#2A2A2A" />
  
  <!-- 内容区域 -->
  <rect x="80" y="80" width="640" height="calc(100% - 160)" fill="#2A2A2A" />
  
  <!-- 标题 - 优雅的标题排版 -->
  <text x="100" y="140" font-family="KingHwa_OldSong, serif" font-size="38" font-weight="bold" fill="white" letter-spacing="1">{主标题}</text>
  <text x="100" y="190" font-family="KingHwa_OldSong, serif" font-size="32" font-weight="bold" fill="#AAAAAA" letter-spacing="1">{副标题}</text>
  
  <!-- 分隔线 -->
  <line x1="100" y1="220" x2="700" y2="220" stroke="#555555" stroke-width="1" />
  
  <!-- 插图区域 - 需要根据主题创建相关的视觉隐喻 -->
  <g transform="translate(100, 250)">
    <!-- 左侧图形区域 -->
    <rect x="20" y="20" width="220" height="220" rx="8" ry="8" fill="#333344" stroke="#444444" stroke-width="2" />
    
    <!-- 此处放置左侧相关的图形元素，需要根据主题自定义 -->
    
    <!-- 右侧图形区域 -->
    <rect x="280" y="20" width="220" height="220" rx="8" ry="8" fill="#344433" stroke="#444444" stroke-width="2" />
    
    <!-- 此处放置右侧相关的图形元素，需要根据主题自定义 -->
  </g>
  
  <!-- 引用区域 -->
  <rect x="100" y="520" width="600" height="100" fill="#333333" rx="5" ry="5" />
  <text>
    <tspan x="120" y="550" font-family="KingHwa_OldSong, serif" font-size="20" fill="#EEEEEE" font-style="italic">
      "{引用文本第一行}"
    </tspan>
    <tspan x="120" y="580" font-family="KingHwa_OldSong, serif" font-size="20" fill="#EEEEEE" font-style="italic">
      "{引用文本第二行}"
    </tspan>
  </text>
  <text x="580" y="610" font-family="KingHwa_OldSong, serif" font-size="18" fill="#BBBBBB" text-anchor="end">
    —— {引用来源}
  </text>
  
  <!-- 正文内容区域 -->
  <g transform="translate(0, 0)">
    <text>
      <tspan x="100" y="660" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {主要解释段落第一行}
      </tspan>
      <tspan x="100" y="690" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {主要解释段落第二行}
      </tspan>
      <tspan x="100" y="720" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {主要解释段落第三行}
      </tspan>
      <tspan x="100" y="750" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {主要解释段落第四行}
      </tspan>
    </text>
    
    <text x="100" y="800" font-family="KingHwa_OldSong, serif" font-size="22" font-weight="bold" fill="#FFFFFF">{第一个小标题}</text>
    
    <text>
      <tspan x="100" y="840" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        1. {要点1} —— {要点1解释第一行}
      </tspan>
      <tspan x="120" y="870" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {要点1解释第二行，如需要}
      </tspan>
    </text>
    
    <text>
      <tspan x="100" y="910" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        2. {要点2} —— {要点2解释第一行}
      </tspan>
      <tspan x="120" y="940" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {要点2解释第二行，如需要}
      </tspan>
    </text>
    
    <text>
      <tspan x="100" y="980" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        3. {要点3} —— {要点3解释}
      </tspan>
    </text>
    
    <text x="100" y="1030" font-family="KingHwa_OldSong, serif" font-size="22" font-weight="bold" fill="#FFFFFF">{第二个小标题}</text>
    
    <text>
      <tspan x="100" y="1070" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        1. {要点1} —— {要点1解释}
      </tspan>
    </text>
    
    <text>
      <tspan x="100" y="1110" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        2. {要点2} —— {要点2解释第一行}
      </tspan>
      <tspan x="120" y="1140" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {要点2解释第二行，如需要}
      </tspan>
    </text>
    
    <text>
      <tspan x="100" y="1180" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        3. {要点3} —— {要点3解释}
      </tspan>
    </text>
    
    <text>
      <tspan x="100" y="1230" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {总结段落第一行}
      </tspan>
      <tspan x="100" y="1260" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {总结段落第二行}
      </tspan>
      <tspan x="100" y="1290" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {总结段落第三行}
      </tspan>
      <tspan x="100" y="1320" font-family="KingHwa_OldSong, serif" font-size="18" fill="#FFFFFF">
        {总结段落第四行}
      </tspan>
    </text>
  </g>
  
  <!-- 底部分隔线 - 位置会根据内容高度自动调整 -->
  <line x1="200" y1="1380" x2="600" y1="1380" stroke="#555555" stroke-width="1" />
  
  <!-- 底部标志 - 位置会根据内容高度自动调整 -->
  <text x="680" y="1410" font-family="KingHwa_OldSong, serif" font-size="15" fill="#777777" text-anchor="end">©️ Baoxing | 2025</text>
</svg>

我提供的内容如下：

---
[这里放入您的内容]
192 Likes
2

太强了:star_struck:

24 Likes
3

好厉害。

21 Likes
4

感谢大佬分享

20 Likes
5

佬友厉害

15 Likes
6

佬太强了

1 Like
7

佬友好强

2 Likes
8

太棒了感谢大佬

2 Likes
9

知识卡片提示词插眼

1 Like
10

你这几个源pdf能分享一下。看起来不错

1 Like
12

用得到的提示词，赞一个

1 Like
13

感谢分享

1 Like
14

强！太强了:+1:

15

佬友太强了:+1:

16

card-1741821765287
card-17418217652871050×831 88.3 KB

card-1741821789539
card-17418217895391050×2055 298 KB

card-1741821832379
card-17418218323791050×7602 1.62 MB

IMG_5515
IMG_55151170×1107 148 KB

一个pdf的源都没有，没想到吧，哈哈，当时调试的时候在玩MCP，是用的pdf调试的，换新窗口都是拿关注的即友的动态尝试的

2 Likes
17

收藏备用

18

太强了，赞

19

有没有编程相关的

20

太强了:star_struck:

21

感谢分享！