1. 目标与用途

  1. 请设计一个关于"[主题]"的SVG图表，主要用途是[解释概念/展示关系/对比数据等]。
  2. 我希望观众通过这张图能够理解[核心信息点]。

2. 内容元素

  1. 图表需要包含以下关键概念/元素：
  2. - [概念A]
  3. - [概念B]
  4. - [概念C]
  5. 这些元素之间的关系是[描述元素间的关系]。

3. 视觉风格偏好

  1. 我偏好的视觉风格是[专业/现代/简约/活泼]。
  2. 色彩方面，希望[使用鲜明对比色/保持柔和色调/采用渐变效果]。
  3. 如果可能，希望[重要概念]能在视觉上得到强调。

4. 参考与灵感

  1. 我喜欢[类似流程图/思维导图/架构图]的布局方式。
  2. [可选]类似于[某知名图表类型]的呈现形式会很有帮助。

5. 期望的阅读体验

  1. 希望观众能轻松地[从上到下/从左到右/从中心向外]理解信息流动。
  2. 关键是要确保[最重要的元素特性]清晰可见。

实际例子

对于我们之前的AI生态系统层次图，一个更加”需求导向”的提示词可能是：

  1. 请设计一个关于"AI生态系统层次与MCP协议定位"的SVG图表。我想通过这张图向读者展示MCP协议在整个AI技术栈中的位置和作用。
  3. 图表需要包含以下五个层次，从上到下依次是：
  4. - 应用层：包括AI助手、垂直应用、行业解决方案
  5. - 开发工具层：包括LangChain、LlamaIndex等开发框架
  6. - 互操作层(MCP)：这是图表的核心，需要突出显示
  7. - 模型接入层：包括各种API接口
  8. - 基础模型层：包括各种大型语言模型
  10. 我希望能清晰展示层级之间的数据流动关系：不仅有自上而下的流动，也有自下而上的反馈。不同方向的数据流最好用不同颜色区分，增强视觉效果。
  12. 视觉风格偏好简洁专业的技术架构图，每个层次用不同的柔和颜色区分，突出展示MCP层的重要性。希望整体布局垂直分层，便于从上到下理解AI生态系统的分层结构。
  14. 请确保图表整体美观，各元素间距合理，文字清晰可读。

调优技巧

  1. 先大后小：先描述整体结构和关键需求，再补充细节

  2. 反馈迭代：如果第一版不理想，给出具体反馈：

    1. 这个图很好，但希望能：
    2. - 增加元素之间的间距
    3. - 使用更加鲜明的对比色
    4. - 强化重要元素的视觉突出度

  3. 描述而非指令：用”希望能看到…”而非”把X放在Y位置”

  4. 参考成功案例：如果之前有满意的图表，可以引用：

    1. 希望这张图能采用类似于之前"[某图表名称]"的设计风格