Agent Skills
返回列表
🎨

手绘图表

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_db7424f5/udb7-handdrawn-diagram

技能介绍

解决什么问题

用常规图表工具生成的架构图、流程图往往带有强烈的“工业感”:线条笔直、框体规整,但这类标准化输出在评审、头脑风暴时反而容易拉开距离——当听众需要快速抓住核心逻辑时,过于严谨的视觉形式会分散对“关系”本身的关注。手绘风格图表更贴近白板讨论的自然状态,能降低技术沟通的“心理门槛”,但手动绘制又耗时、难修改。

技能如何工作

这个技能的核心是将结构化需求转换为可渲染的手绘风格 Excalidraw JSON,无需手动绘制或调整风格参数。

  • 核心能力:支持生成三类高频技术图表——架构图(展示组件/服务间的依赖关系)、流程图(描述流程步骤与分支逻辑)、时序图(呈现系统交互的时间顺序);
  • 关键步骤:

1. 输入明确的图表需求(如“XX功能的请求处理流程图”),技能会先梳理节点与连接关系;
2. 按照手绘风格的视觉规则(如线条轻微弯曲、框体带手写质感)生成符合 Excalidraw 格式的 JSON;
3. 输出的 JSON 可直接导入 Excalidraw 渲染,无需额外配置风格。

适用边界与注意点

  1. 适合中等复杂度的图表:若图表涉及数十个节点、多层嵌套关系,手绘风格可能导致视觉混乱,此时建议用规整图表辅助;
  2. 不建议用于正式对外交付文档:手绘质感更偏向内部沟通场景,如需对外正式文档,可基于 JSON 调整为规整风格;
  3. 依赖 Excalidraw 渲染:生成的 JSON 本身不含视觉样式,需通过 Excalidraw 工具渲染后才能呈现手绘效果。

使用场景

  • 技术评审前,需要在方案文档里放一张展示服务间调用关系的架构图,希望用轻松的手绘风格降低讨论的紧张感。
  • 编写内部规范文档时,需要画清楚用户注册流程的分支逻辑,要求输出可直接导入 Excalidraw 的 JSON 源文件。
  • 给新同事讲解接口交互顺序,需要一张手绘感时序图,让讲解更接近白板讨论的自然状态。

适合人员

  • 后端工程师:需要给跨团队评审画服务依赖架构图,希望图表看起来不那么生硬。
  • 技术文档作者:在内部知识库更新流程说明,需要可二次编辑的图表源文件。
  • 团队技术负责人:给新人做系统入门讲解,希望用贴近白板讨论的时序图辅助说明。