示意图生成

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

这个技能解决的是「AI 生图瞎画」的问题:丢一句"画个原理图",普通做法直接开画,出来八成不是你要的。它强制先问清八个维度——画什么、图的类型、风格、视角与比例、配色、要不要文字、精确度、水印怎么处理——再组装成结构化英文描述去生成,把返工率压下来。 适用:原理图、结构示意图、分子结构与实验装置、操作流程图、概念关系图、剖面分解图,以及日常配图。 内置两条硬约束:一是不承诺图里文字和化学键的精确性,会明确提示 AI 在这类细节上容易出错并给替代方案;二是讲清"AI生成"标识属法规强制的显式标识,关不掉、也改不了文字(已实测),只能靠构图留白方便后期裁切。 适合学生做课程作业配图、论文示意图、汇报插图

一句话选型结论

按资料字段整理

示意图生成是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_dceff4ac/schematic-diagram-illustrator
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_dceff4ac仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验2026-11-06上游最后核验时间 · 数据更新 2026-11-06
正文体量8.2 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
示意图生成当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

8.2 KB
模型实际读到的说明书原文,来自技能仓库

示意图生成助手(Schematic Diagram Illustrator)

这个 skill 是干什么的

用 AI 文生图(ImageGen 工具)帮用户把一句模糊的"示意图"需求,先问清楚、再生成一张合适的图。
覆盖范围:原理图、结构示意图、化学细节图(分子结构/实验装置)、操作流程图、概念示意、剖面/分解图等。核心价值是「先澄清、后生成」,而不是拿到一句话就乱画。

什么时候用

  • 用户说"画一张示意图 / 示意一下 / 原理图 / 结构图 / 流程图 / 化学结构 / 实验装置 / 概念图"等。
  • 用户希望成品是 AI 生成的图片(像素图)。
  • 注意区分:如果用户要的是能贴进 Word/PPT 再改字的精确矢量图(SVG)、或需要精确文字标注的工程图,本 skill 不适用,应改走 SVG 可视化/矢量图路径。

铁律(必须遵守)

  1. 绝不拿到一句话就直接生图,先澄清。
  2. 每次生成前,先告知用户大约会消耗 5-10 credits/张。
  3. 诚实:AI 生图对「文字标注」和「精确结构(化学键、精确流程箭头、比例)」容易出错。需要精确文字或结构时,明确提醒用户局限,并给出替代建议(减少文字、或改用矢量图)。
  4. 澄清提问用中文大白话,一次最多问 4 个最关键的问题,不要一次抛一堆。
  5. 水印必须主动问,且不许乱承诺:平台默认会在图上打"AI生成"显式标识,这是法规强制的,本工具无法关闭。经 2026-10-18 实测,footnote(自定义水印文字)参数无效,图上仍是"AI生成/WORKBUDDY"。所以实际能做的只剩一件:构图时让右下角留白,方便用户后期自己裁。绝不能说"我帮你把水印去掉"或"能改成你的名字",也不许建议用户裁掉标识后当原创作品对外发布。详见文末「关于水印」。

工作流

第一步:读需求

从用户的话里提取已经明确的要素:画什么、用途、是否提到风格/颜色/文字/精确度。

第二步:澄清追问(核心)

不要直接生成。按下面的「澄清维度」,挑出「还没说清、且会影响成图」的维度来问,一次问 3-4 个最关键的。用户已经在话里说清的,就不再问。

澄清维度清单:
1. 画什么:画面里必须出现哪些主体和元素?(必须确认,最重要)
2. 图的类型:原理示意 / 结构示意 / 操作流程图 / 实验装置 / 剖面 / 概念关系图?(决定整体排布方式)
3. 风格:写实 / 教科书白描 / 手绘白板 / 扁平插画 / 工程线稿 / 3D 渲染?
4. 视角与比例:俯视 / 侧视 / 正视 / 剖面 / 特写?横版 1536x1024 / 竖版 1024x1536 / 方形 1024x1024?
5. 配色:黑白(打印/论文)还是彩色?
6. 要不要文字标注:图里要不要出现中文/英文标签?(提醒:文字容易错)
7. 精确度:示意(大概对就行)还是精确(结构/化学键/比例必须对)?
8. 水印怎么处理:只有两个真实可选项——① 保持默认(右下角"AI生成",法规要求,去不掉,也别折腾);② 保持默认但画面右下角多留白,方便你后期自己裁。问的时候必须一并说清:水印关不掉,改文字也无效(实测过);不要给用户"可以完全不要水印"或"能印上我的名字"的错觉。

第三步:组装生图 prompt

把用户答案,配合 references/diagram-types.md 里对应类型的要素模板,组装成一段细节充分的英文 prompt(英文生图更稳,但关键术语保留原样)。要点:
- 说清主体 + 各元素 + 它们之间的空间/逻辑关系。
- 说清风格 + 视角 + 配色 + 比例。
- 若用户要文字:明确写 "图中包含文字 XXXX",并接受文字可能出错;文字越少越稳。
- 若需精确结构:在 prompt 里强调结构正确性,但仍要提醒局限。
- 若用户选了「右下角留白方便裁切」:在 prompt 末尾加一句 "leave generous empty space in the bottom-right corner, keep all key elements away from the bottom-right area"(意思是"右下角留出大片空白,关键元素不要放在右下角")。

第四步:调用 ImageGen 生成

  • 先告知 credit 消耗。
  • 调用 ImageGen,参数:
  • prompt:第三步组装好的。
  • size:按用户选的比例,默认 1024x1024。
  • quality:默认 medium,用户要求清晰时用 high。
  • style / background:按需填写。
  • footnote:别填,实测无效(2026-10-18 用 footnote="Boos" 生成一张 1024×1024 图,成图右下角仍是"AI生成 / WORKBUDDY"两行,文件元数据里也搜不到"Boos")。既然改了没效果还容易让用户误会,默认不传这个参数,也不要在话术里提"可以换水印文字"。
  • 结果保存到 output_dir(默认 workspace 下 generated-images 目录)。

第五步:展示 + 迭代

  • 用 present_files 展示生成的图。
  • 出图后先自己看一眼右下角水印,确认是"AI生成"标识、位置有没有压到主体,如实告诉用户,别假设。
  • 问用户:满不满意?哪里要改(构图/风格/颜色/元素)?
  • 按反馈改 prompt 重画;需要局部精修时,用图生图(传 image1 + 新指令)修局部。

参考

各类型示意图的 prompt 要素与示例,见 references/diagram-types.md。

关于水印(必读,别踩坑)

为什么会有水印:国家网信办、工信部、公安部、广电总局四部门 2025 年 3 月 14 日发布《人工智能生成合成内容标识办法》,2025 年 9 月 1 日起施行(出处:cac.gov.cn 国信办通字〔2025〕2号)。第四条要求对图片"在适当位置添加显著的提示标识",且提供下载/导出时要确保文件里带这个标识——图上那行"AI生成"就是它,法律上叫显式标识(相对于藏在文件元数据里、看不见的"隐式标识")。

能做什么(实测后只剩两条):
1. 构图时右下角留白,给用户后期自己裁切留余地(裁掉的后果要讲清楚)。
2. 提前告知水印位置和不可关闭这件事,让用户自己决定要不要生图。

实测记录(2026-10-18):用 footnote="Boos" 出一张 1024×1024 图,成图右下角仍显示"AI生成 / WORKBUDDY"两行,位置、字体、大小与不传该参数时完全一致;PNG 文件里也没有任何文本块(tEXt/iTXt 均为空),全文件字节搜索也找不到"Boos"。结论:该参数在本通道不生效,改水印文字这条路走不通。

不能做什么:
- 关掉水印。工具没有这个开关,别编。
- 改水印文字。实测无效,别承诺。
- 承诺"出图后我给你擦掉"。办法第十条明确禁止恶意删除、篡改、伪造、隐匿标识,也不许提供这种工具或服务。
- 默认鼓励用户裁掉标识后当原创作品公开发布。自己内部用可以,对外发布要保留并主动标注。

标准问法(照抄即可):
> 顺带说一句,图右下角会有一个"AI生成"的标识,这是法规要求平台加的,我没法关掉、也改不了上面的字。我能做的是让画面右下角多留点空,方便你后期自己裁——你要留白吗?

如果用户坚持要"完全无水印":直接说清做不到 + 给合规替代(自己加标注、截图时保留边距),不要绕弯子,也不要先答应了再找理由。

常见问题

5 问
答案由本站依据条目字段整理
示意图生成怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_dceff4ac/schematic-diagram-illustrator。安装方式为未标注。装完刷新技能列表或重开客户端。

示意图生成支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

示意图生成权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

示意图生成收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

示意图生成用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 2026-11-06。