Figures Diagram

CommunityPopular

Norman-bury

figures-diagram

Use when creating flowcharts, architecture diagrams, or conceptual diagrams - generates prompts for image AI

Overview

Publisher	Norman-bury
Repository	`research-writing-skill`
Skill name	`figures-diagram`
Stars	3.2K
Forks	214
Bundled files	Instructions only
License	MIT
Links	Skill source Repository

Markdown instructions
A SKILL.md file the model loads on demand, so it only costs tokens when a request actually matches.
Works with any LLM
AI skills are plain Markdown, not provider-specific code, so this works with GPT, Claude, Gemini, Grok, or a local model.
Self-contained
Everything the model needs lives in the instructions — no extra files to sync.
Open source
Published by Norman-bury on GitHub. Read the source before you install it.

Installation

Install the Figures Diagram AI skill in TypingMind to use it with any LLM, or drop it into another agent that reads SKILL.md.

Install in TypingMind

TypingMind installs a skill straight from its GitHub folder — it reads SKILL.md, bundles the resource files, and stores the result locally.

Open the app and go to Plugins → Skills.
Choose "Install from GitHub".
Paste the skill folder URL below and confirm.
Enable the skill in any chat where you want it available.

Plugins → Skills → Add skill → From GitHub URL, then paste the folder URL and press Continue.

Install in another agent

Any agent that reads the Agent Skills format can use this skill — copy the folder into that agent's skills directory.

Claude Code — .claude/skills

git clone --depth 1 https://github.com/Norman-bury/research-writing-skill.git /tmp/research-writing-skill
mkdir -p .claude/skills
cp -r /tmp/research-writing-skill/skills/figures-diagram .claude/skills/figures-diagram

Restart Claude Code after copying so it picks up the new skill.

Use it in TypingMind

Enable Figures Diagram in any TypingMind chat and the model takes it from there. Its name and description sit in the system prompt, and the moment a request matches, the model loads the full instructions itself — you never invoke it by hand, and it costs no tokens until it is actually used.

The model loads Figures Diagram on its own as soon as a request matches it.

Works with any AI model

AI skills are plain Markdown instructions rather than provider-specific code, so Figures Diagram is not tied to the model it was written for. Install it once in TypingMind and use it with GPT-5, Claude, Gemini, Grok, DeepSeek, Mistral, Llama, or a local model you run yourself — all on your own API keys.

Loaded only when it is needed
The system prompt carries just the name and description. The instructions are fetched on the first matching request, so an idle skill costs nothing.
Switch models mid-chat
Because the skill is instructions rather than code, changing model does not break it — the next model reads the same SKILL.md.

Skill instructions

This is the SKILL.md content the model loads. Read it before installing — a skill is instructions your model will follow.

流程图/结构图生成

本技能用于识别流程图、结构图、概念图等需求，并生成专业的画图提示词供生图AI使用。

一、适用场景

本技能处理的图表类型

图表类型	描述	示例
流程图	展示步骤、流程、算法	数据处理流程、实验步骤
架构图	展示系统、模型结构	神经网络架构、系统架构
概念图	展示概念关系	理论框架、知识结构
组织图	展示层级关系	分类体系、组织结构
时间线	展示时间顺序	研究历程、发展阶段

不适用本技能的图表

以下图表应使用 figures-python 技能：

折线图、柱状图、饼图等数据图表
散点图、热力图等统计图表
需要精确数值的任何图表

二、Checklist

确认是流程/结构图（非数据图表）
收集图表信息（目的、元素、关系）
确认风格偏好和语言要求
生成提示词
推荐生图AI工具

三、提示词生成模板

3.1 通用模板结构


绘制一个学术论文级别的[图表类型]，展示"[主题]"。

【整体布局】
- 布局方向：[从上到下/从左到右/中心辐射]
- 背景颜色：白色
- 风格：专业学术风格
- 分辨率：450 DPI

【具体内容】
[详细描述每个元素和关系]

【配色方案】
- [颜色1]：[用途]
- [颜色2]：[用途]

【风格要求】
- 所有文字清晰可读
- 箭头流向清晰
- 添加必要的标注

3.2 流程图模板


绘制一个学术论文级别的流程图，展示"[流程名称]"。

【流程步骤】
步骤1：[名称]
- 框体颜色：[颜色]
- 内容：[内容]

步骤2：[名称]
- 与步骤1的关系：[箭头说明]
...

【配色方案】
- 蓝色(#4E79A7)：数据处理步骤
- 橙色(#F28E2B)：核心算法步骤
- 绿色(#59A14F)：输出/结果步骤

【风格要求】
- 圆角矩形框
- 带箭头连线
- 关键步骤加粗边框

3.3 神经网络架构图模板


绘制一个学术论文级别的神经网络架构图，展示"[模型名称]"。

【网络结构】
输入层：[形状、表示方式]

隐藏层1：[层类型]
- 参数：[卷积核大小、通道数等]
- 颜色：[颜色]

[继续添加层...]

输出层：[形状、激活函数]

【配色方案】
- 蓝色系：卷积层
- 绿色系：池化层
- 橙色系：全连接层
- 紫色系：注意力层

【标注要求】
- 每层标注名称和参数
- 标注输入输出维度
- 创新点用红色虚线框标注

四、推荐生图AI

工具	特点	适用场景
Nano Banana	学术图表专业	流程图、架构图
Midjourney	艺术感强	概念图、封面图
DALL-E 3	理解力强	复杂结构图

使用建议：

首选 Nano Banana：专为学术图表设计
复杂结构用 DALL-E 3：对复杂描述理解更好
需要迭代用 Midjourney：支持变体生成

五、配色参考

Nature/Science 风格


蓝色: #2E86AB
玫红: #A23B72
橙色: #F18F01
砖红: #C73E1D
黄绿: #95C623

简约学术风格


深蓝: #1D3557
中蓝: #457B9D
浅蓝: #A8DADC
米白: #F1FAEE
砖红: #E63946

配色使用建议

输入/输出：蓝色系
核心处理：橙色系（加粗边框）
辅助步骤：灰色系
创新标注：红色虚线
成功/完成：绿色系

六、对话流程

用户请求流程图时

"我来帮你生成流程图的提示词。先确认几个信息：

图表目的：这个流程图要展示什么？

主要步骤：包含哪些关键步骤？

步骤关系：是线性流程还是有分支/循环？

语言要求：中文还是英文标注？

目标期刊：投稿到什么类型的期刊？"

生成提示词后

"已生成画图提示词，请复制到生图AI使用：

[提示词内容]

推荐使用：Nano Banana

生成后如果需要微调，可以告诉我具体修改需求。"

Frequently asked questions

What does the Figures Diagram AI skill do?

Use when creating flowcharts, architecture diagrams, or conceptual diagrams - generates prompts for image AI

Why use Figures Diagram on TypingMind?

Because you install it once and use it with any model. Figures Diagram is plain Markdown rather than provider-specific code, so the same skill runs on GPT-5, Claude, Gemini, Grok, or a local model — and you can switch model mid-chat without it breaking. TypingMind runs on your own API keys, so you pay providers directly instead of a per-seat subscription, and your skills and chats stay in your own storage.

How do I install Figures Diagram in TypingMind?

Open Plugins → Skills → Install from GitHub in TypingMind and paste https://github.com/Norman-bury/research-writing-skill/tree/main/skills/figures-diagram. TypingMind reads its SKILL.md and installs it as a skill you can enable per chat.

Which AI models can use Figures Diagram?

Any model you connect in TypingMind. AI skills are plain Markdown instructions rather than provider-specific code, so GPT, Claude, Gemini, Grok, and local models can all load this skill when a request matches it.

How many AI models can I use with Figures Diagram?

As many as you like. As long as a model supports skills, you can use Figures Diagram with it — GPT, Claude, Gemini, Grok, DeepSeek, Mistral, Llama and more — all on TypingMind with your own API keys.

Is the Figures Diagram AI skill free?

Yes. It is published on GitHub by Norman-bury under the MIT license. You only pay your own AI provider for the tokens you use.

What are AI skills?

An AI skill is a reusable instruction bundle that teaches an AI model how to do one specific task. It follows the open Agent Skills format: a SKILL.md file with a name and description, plus any scripts, templates or reference files the model may need. The model reads the instructions only when your request matches the skill, so an installed skill costs nothing until it is used.

How are AI skills different from plugins or MCP servers?

A plugin or MCP server gives a model new tools to call — code that runs somewhere and returns a result. An AI skill gives the model knowledge and process instead: how to approach a task, which steps to follow, what good output looks like. Skills are plain Markdown, so they need no server, no API key and no runtime, and they work with any model.

View all

Claude Handoff

mattpocock

CommunityPopular

Hand the current conversation off to a fresh background agent that picks up the work immediately.

Finishing A Development Branch

obra

CommunityPopular

Use when implementation is complete, all tests pass, and you need to decide how to integrate the work

Receiving Code Review

obra

CommunityPopular

Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative…

Requesting Code Review

obra

CommunityPopular

Use when completing tasks, implementing major features, or before merging to verify work meets requirements

Overview

Installation

Install in TypingMind

Install in another agent

Use it in TypingMind

Works with any AI model

Skill instructions

流程图/结构图生成

一、适用场景

本技能处理的图表类型

不适用本技能的图表

二、Checklist

三、提示词生成模板

3.1 通用模板结构

3.2 流程图模板

3.3 神经网络架构图模板

四、推荐生图AI

五、配色参考

Nature/Science 风格

简约学术风格

配色使用建议

六、对话流程

用户请求流程图时

生成提示词后

[提示词内容]

Frequently asked questions

Related AI Skills

Set up your own AI workspace now