Academic Figures Drawer
M1n-n9/academic-figures-drawer
Create camera-ready, editable draw.io figures from papers, method descriptions, code, or reference images.
Agent skill
by dracohu2025-cloud in dracohu2025-cloud/draco-skills-collection
A skill your agent uses when generating high-readability hand-drawn knowledge diagrams, architecture diagrams, workflow maps, or consulting-style visual explanations with GPT-Image-2 via…
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill gpt-image-2-handdrawn-diagram -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection gpt-image-2-handdrawn-diagram --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .claude/skills && cp -r skills-src/gpt-image-2-handdrawn-diagram .claude/skills/gpt-image-2-handdrawn-diagram && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "gpt-image-2-handdrawn-diagram" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/gpt-image-2-handdrawn-diagram into .claude/skills/gpt-image-2-handdrawn-diagram/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "gpt-image-2-handdrawn-diagram", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/gpt-image-2-handdrawn-diagramType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill gpt-image-2-handdrawn-diagram -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection gpt-image-2-handdrawn-diagram --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .agents/skills && cp -r skills-src/gpt-image-2-handdrawn-diagram .agents/skills/gpt-image-2-handdrawn-diagram && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "gpt-image-2-handdrawn-diagram" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/gpt-image-2-handdrawn-diagram into .agents/skills/gpt-image-2-handdrawn-diagram/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "gpt-image-2-handdrawn-diagram", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill gpt-image-2-handdrawn-diagram -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection gpt-image-2-handdrawn-diagram --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/gpt-image-2-handdrawn-diagram .cursor/skills/gpt-image-2-handdrawn-diagram && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "gpt-image-2-handdrawn-diagram" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/gpt-image-2-handdrawn-diagram into .cursor/skills/gpt-image-2-handdrawn-diagram/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "gpt-image-2-handdrawn-diagram", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/dracohu2025-cloud/draco-skills-collection.git --path gpt-image-2-handdrawn-diagram--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill gpt-image-2-handdrawn-diagram -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection gpt-image-2-handdrawn-diagram --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/gpt-image-2-handdrawn-diagram .gemini/skills/gpt-image-2-handdrawn-diagram && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "gpt-image-2-handdrawn-diagram" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/gpt-image-2-handdrawn-diagram into .gemini/skills/gpt-image-2-handdrawn-diagram/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "gpt-image-2-handdrawn-diagram", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install dracohu2025-cloud/draco-skills-collection gpt-image-2-handdrawn-diagramInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill gpt-image-2-handdrawn-diagram -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .github/skills && cp -r skills-src/gpt-image-2-handdrawn-diagram .github/skills/gpt-image-2-handdrawn-diagram && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "gpt-image-2-handdrawn-diagram" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/gpt-image-2-handdrawn-diagram into .github/skills/gpt-image-2-handdrawn-diagram/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "gpt-image-2-handdrawn-diagram", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill gpt-image-2-handdrawn-diagram -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection gpt-image-2-handdrawn-diagram --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/gpt-image-2-handdrawn-diagram .opencode/skills/gpt-image-2-handdrawn-diagram && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "gpt-image-2-handdrawn-diagram" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/gpt-image-2-handdrawn-diagram into .opencode/skills/gpt-image-2-handdrawn-diagram/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "gpt-image-2-handdrawn-diagram", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
gpt-image-2-handdrawn-diagramA skill your agent uses when generating high-readability hand-drawn knowledge diagrams, architecture diagrams, workflow maps, or consulting-style visual explanations with GPT-Image-2 via…
Gpt Image 2 Handdrawn Diagram is an agent skill from dracohu2025-cloud/draco-skills-collection. Use when generating high-readability hand-drawn knowledge diagrams, architecture diagrams, workflow maps, or consulting-style visual explanations with GPT-Image-2 via imagegenerate.
Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files, including assets (for example `README.md`).
It sits in Media & Creative, covering Image generation, Diagrams and Plain language and style rules. The licence is MIT.
7 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 26e8975. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).
From the folder's file list and the shell code blocks in SKILL.md.
Links to these hosts (documentation or services it may open):
x.comFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Gpt Image 2 Handdrawn Diagram loads about 1.2k tokens when it runs. Until then it costs about 53 tokens; SKILL.md has 421 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from dracohu2025-cloud/draco-skills-collection at commit 26e8975, republished under its MIT licence (© dracohu2025-cloud). 421 words, ~1,221 tokens.
.claude/skills/gpt-image-2-handdrawn-diagram/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.This skill turns text, architecture notes, workflows, or reference diagrams into a high-readability hand-drawn knowledge diagram.
Use Hermes image_generate for rendering. In this environment, image_generate is backed by GPT-Image-2, so do not route this workflow through another image generator unless the user explicitly asks.
The core pattern comes from 小小东's GPT-Image-2 article: lock information design first, then visual style. The goal is not cute decoration. The goal is: core judgment first, modular reading path second, memorable bottom line last.
Source credit: 小小东 — https://x.com/xiaoxiaodong01
Use this skill when the user asks for:
Do not use when the user needs a machine-verifiable topology diagram. For that, Mermaid / PlantUML / SVG architecture diagrams are safer.
Collect or infer these fields:
topic: diagram title/topicaudience: target reader, e.g. PM / boss / client / engineerscore_judgment: one-sentence takeawaymodules: 3-6 modules, each with 3-5 short bulletsflow_summary: one-line bottom summaryaspect_ratio: default 16:9language: default follows user language; keep technical terms in original EnglishIf content has more than 8 modules, split into multiple diagrams. Do not force 10+ modules into one image.
Use this as the base template. Replace the final {请输入你的内容或者参考图片} block with structured content.
请把我提供的内容转化成一张高可读性的手绘知识图解。风格像认真整理过的创意手帐 + 白板推演 + 咨询报告信息图,而不是冰冷模板。
【输出目标】
生成一张适合传播、汇报和复用的知识图解。它必须先让人抓住核心判断,再沿着模块逐步阅读,最后记住一句结论。
【语言要求】
图上所有可见文字根据用户的输入来确定语言,中文,英文或其他
不要混用语言,除非是技术名词、产品名、协议名、代码路径或数字指标。
【画布要求】
比例:{16:9 / 5:4 / 4:3 / 21:9}
质量:4K high resolution
背景:浅米白 / 浅暖灰,保留轻微纸张纹理和呼吸感。
整体清晰、留白稳定,不要把文字挤到看不清。
【信息设计规则】
不要逐字搬运原文。先压缩信息,再画图。
请把内容整理成:
1. 顶部:强标题 + 一句话核心判断
2. 中部:3–6 个主模块,按流程、对比、阶段或因果关系排列
3. 模块内:每个模块最多 3–5 条短 bullet
4. 底部:一条 Flow Summary / Decision Summary / Bottom Line
5. 如果内容很多,只保留最关键的 8–10 个判断,避免微型文字
【可读性规则】
标题必须最大、清楚、有重量。
模块标题要有秩序,正文必须短句化。
每个模块不要超过 6 行正文。
每条 bullet 尽量简短。
不要使用密密麻麻的小字表格。
不要为了完整而牺牲可读性。
【视觉风格】
黑色或深墨色手写线条建立阅读骨架。
使用圆角分区、细线框、轻阴影、编号、箭头、标签和小图标。
线条允许轻微手绘抖动,但整体对齐、边距、分组要稳定。
图标只做路标和强调,不要抢走文字层级。
【配色规则】
使用克制的标记笔色彩:
浅米白背景 + 黑色主线条;
低饱和青绿、鼠尾草绿、淡紫、柔橙、浅蓝作为分区和路径颜色。
避免霓虹色、强渐变、过度商业光效和整页单色化。
彩色区域只占少量到中等面积。
【准确性规则】
严格保持输入内容中的技术链路、组件名称、箭头方向、协议、端口、数据流和判断。
不要自行新增未提供的组件。
不要把动作写错,例如“读取日志”不能画成“生成日志”。
如果空间不足,优先保留主链路、关键差异和最终判断,删掉次要解释。
【内容】
{请输入你的内容或者参考图片}image_generate directly with the assembled prompt.aspect_ratio='landscape' for 16:9, square for 1:1, portrait for 9:16.Use this compact block inside 【内容】:
主题:<topic>
读者:<audience>
核心判断:<one sentence>
画布:16:9,中文,技术名词保留英文
阅读路径:从左到右,输入 → 解析 → 生成 → 渲染 → 交付;关键保障放在侧边便签。
模块 1:<title>
- <short bullet>
- <short bullet>
- <short bullet>
模块 2:<title>
- <short bullet>
- <short bullet>
- <short bullet>
底部总结:<flow_summary>image_generate.© dracohu2025-cloud, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 2 other files (assets) in gpt-image-2-handdrawn-diagram of dracohu2025-cloud/draco-skills-collection.
Open the folder on GitHubat commit 26e8975
Gpt Image 2 Handdrawn Diagram next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Gpt Image 2 Handdrawn Diagram this skilldracohu2025-cloud/draco-skills-collection | 227 | — | ~1.2k | Automated safety check: Pass | MIT | |
| Academic Figures DrawerM1n-n9/academic-figures-drawer | 218 | — | ~3.3k | Automated safety check: Pass | None | |
| Sf Diagram NanobananaproJaganpro/sf-skills | 424 | — | ~1.6k | Automated safety check: Pass | MIT | |
| CLI Hub Matrix Image DesignHKUDS/CLI-Anything | 52k | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | |
| Paper IllustrationAI4Scientist/nano-scientist | 128 | 4 repos | ~7.2k | Automated safety check: Notes | None | |
| Generate Imageynulihao/AgentSkillOS | 618 | 10 repos | ~1.7k | Automated safety check: Notes | None |
M1n-n9/academic-figures-drawer
Create camera-ready, editable draw.io figures from papers, method descriptions, code, or reference images.
Jaganpro/sf-skills
AI-powered image generation for Salesforce visuals via Nano Banana Pro.
HKUDS/CLI-Anything
Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing.
AI4Scientist/nano-scientist
Generate publication-quality AI illustrations for academic papers using Gemini image generation.
ynulihao/AgentSkillOS
Generate or edit images using AI models (FLUX, Gemini). An agent skill from ynulihao/AgentSkillOS.
spacering-net/codeg
Create publication-quality scientific diagrams using Nano Banana 2 AI with smart iterative refinement.
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when parsing a DingTalk daily news document and syncing title, date, Top 3, summary, conclusion, document link, and status into a DingTalk multidimensional table.
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when running a Feishu/Lark Base-centered Seedance video production pipeline: inspect/backfill the Base row, create/reference assets, build Row-24-style Chinese Seedance…
dracohu2025-cloud/draco-skills-collection
Production pipeline for Motion Canvas — TypeScript-based programmatic vector animation with real-time preview.
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when collecting public news candidates from Hacker News, GitHub Trending, Hugging Face papers, and other web sources for briefings and daily reports.
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when mining Open Design visual systems and converting them into Open Slide React template kits or standalone 20-page template albums, with build, deployment, screenshot QA…
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when generating a daily 24h AI / Agent / AIGC top-news briefing, publishing it as a DingTalk document, validating it, and optionally archiving it to a DingTalk…
Categories
A skill your agent uses when generating high-readability hand-drawn knowledge diagrams, architecture diagrams, workflow maps, or consulting-style visual explanations with GPT-Image-2 via…. Gpt Image 2 Handdrawn Diagram is an agent skill from dracohu2025-cloud/draco-skills-collection. Use when generating high-readability hand-drawn knowledge diagrams, architecture diagrams, workflow maps, or consulting-style visual explanations with GPT-Image-2 via imagegenerate.
Gpt Image 2 Handdrawn Diagram fits situations like: generating high-readability hand-drawn knowledge diagrams; architecture diagrams; consulting-style visual explanations with GPT-Image-2 via imagegenerate.
Run `npx skills add dracohu2025-cloud/draco-skills-collection --skill gpt-image-2-handdrawn-diagram -a claude-code`. Or copy the skill folder (gpt-image-2-handdrawn-diagram in dracohu2025-cloud/draco-skills-collection) into .claude/skills/gpt-image-2-handdrawn-diagram in your project. Claude Code loads it when a task matches its description.
Run `npx skills add dracohu2025-cloud/draco-skills-collection --skill gpt-image-2-handdrawn-diagram -a codex`. Or copy the skill folder (gpt-image-2-handdrawn-diagram in dracohu2025-cloud/draco-skills-collection) into .agents/skills/gpt-image-2-handdrawn-diagram in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add dracohu2025-cloud/draco-skills-collection --skill gpt-image-2-handdrawn-diagram -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/gpt-image-2-handdrawn-diagram, .gemini/skills/gpt-image-2-handdrawn-diagram, .github/skills/gpt-image-2-handdrawn-diagram and .opencode/skills/gpt-image-2-handdrawn-diagram in your project.
SKILL.md names no scripts, command-line tools or credentials: Gpt Image 2 Handdrawn Diagram is instructions for the agent only.
SKILL.md names 1 domain. As links in the text: x.com. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Gpt Image 2 Handdrawn Diagram is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.2k tokens (SKILL.md is roughly 4.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Gpt Image 2 Handdrawn Diagram: Academic Figures Drawer (M1n-n9/academic-figures-drawer, 218 stars), Sf Diagram Nanobananapro (Jaganpro/sf-skills, 424 stars), CLI Hub Matrix Image Design (HKUDS/CLI-Anything, 52k stars) and Paper Illustration (AI4Scientist/nano-scientist, 128 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
dracohu2025-cloud (a GitHub user) maintains it in dracohu2025-cloud/draco-skills-collection, which has 227 GitHub stars. The repository holds 27 skills in this directory. The repository was last updated on September 17, 2026.
Source: dracohu2025-cloud/draco-skills-collection on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.