tech-article-diagram SKILL.md skillA

tech-article-diagram from wwwzhouhui/skills_collection is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add wwwzhouhui/skills_collection/tech-article-diagram@git:20260726.4787fcc

Pins git:20260726.4787fcc in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
wwwzhouhui/skills_collection
Path
ai-teaching-media/tech-article-diagram/SKILL.md
Versions recorded
1
Latest version
git:20260726.4787fcc, committed Jul 26, 2026
Size
12,592 bytes
Repository stars
284
License
none declared

为技术长文自动识别插图位置,并生成 16:9 概念图/流程图/对比图/架构图。支持七种风格:手绘网格笔记本风(notebook)、专业扁平信息图(infographic)、现代高级科技商务风(executive-tech)、温暖手绘卡片风(cozy-handdrawn)、技术简笔画风(tech-doodle)、卡通信息图风(cartoon-infographic)和白板手绘风(whiteboard-sketch)。当用户需要给已经写好的文章配插图、加配图、排版优化、让长文不那么单调时使用。触发词包括:加插图、配图、加几张图、让文章更生动、排版优化、文章太单调了、给文章画几张手绘图、手绘示意图、信息图、商务风配图、科技商务风。skill 的核心价值在于"智能识别文章里哪些段落值得配图"——优先选抽象概念、流程循环、对比分类、架构组件这四类地方,不在每段机械配图。通过 ai-image-generator 生图执行层生成(默认 MuleRun Nano Banana 2, 也可切换 APImart/Atlas/Agnes),支持通过 --style…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# 技术长文插图生成器

把一篇 3000~8000 字的技术长文,自动加上 4-5 张概念图、流程图、对比图,让长文不再单调。

## 什么时候触发这个 skill

明确触发:
- "帮我给这篇文章加几张图"
- "这篇太单调了,配几张手绘图"
- "加点插图,不要太多,关键位置就行"
- "你看看哪里可以配图"
- "给我画几张示意图"

不要触发的场景:
- 封面图需求 → 走 `ai-image-generator` skill
- 产品截图、报错截图等纪实类图片 → 这些应该是真实截图,不该由 AI 生成
- 表情包、头像、单图海报 → 走别的工具
- 纯代码展示 → 代码块就够了,不需要插图
- 小红书九宫格 → 风格完全不同

## 核心流程(四步走)

### 第零步:确认风格

在开始之前,先问用户想要哪种风格:

**notebook(手绘笔记本风)**
黑墨水主笔 + 绿正向 + 红强调,网格纸背景。适合工程师向、技术教程、个人博客。
> "用笔记本手绘风就好"

**infographic(专业信息图风)**
米白底 + 深褐红标题,蓝/橙双色对比。适合商业演示、对比分析、品牌内容。
> "来张专业信息图风格的"

**cozy-handdrawn(温暖手绘卡片风)**
米白纸感底 + 黑色手绘线条 + 粉彩圆角卡片 + 轻漫画式信息图布局 + 个人动画形象辅助叙事。适合中文技术长文、概念解释、流程拆解、对比分析、公众号教程配图。
> "用温暖手绘卡片风"

**tech-doodle(技术简笔画风)**
暖白奶油底 + fine-liner 墨线笔触 + 极淡粉彩上色 + 极简火柴人角色 + 底部荧光笔金句高亮。适合技术博客、知识管理、架构讲解、个人品牌内容。
> "用技术简笔画风"

**cartoon-infographic(卡通信息图风)**
干净白底 + 手绘圆角容器 + 功能性柔和多色 + 可选 host 卡通形象辅助叙事。适合技术博客、产品文档、知识管理、教程配图。需要小人的场景自动走 edit 模式引入卡通参考图,不需要的走纯 generation。
> "用卡通信息图风"

**whiteboard-sketch(白板手绘风)**
暖奶油底 + 黑色手绘马克笔线条 + 柔和粉彩圆角容器 + 简约火柴人角色 + 教育图示布局。像一位 skilled illustrator 在白板上随手画的示意图,亲切、清晰、有温度。适合技术教程、概念讲解、流程说明、架构入门。
> "用白板手绘风"
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add wwwzhouhui/skills_collection/tech-article-diagram@sha256:ad97d3db3d95ee83

The line at the top of this page pins the label git:20260726.4787fcc, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_7w7znxja5gzxwlji.svg)](https://markdownregistry.com/a/art_7w7znxja5gzxwlji)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Jul 26, 2026.

versioncommittedcommitsizeaudit
git:20260726.4787fcc latest2026-07-26 4787fcc 12,592 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (12592 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

wwwzhouhui/skills_collection · 284 stars · license none declared · pushed 2026-10-16 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_7w7znxja5gzxwlji
GET https://markdownregistry.com/api/v1/resolve?ref=wwwzhouhui/skills_collection/tech-article-diagram
GET https://markdownregistry.com/api/v1/blob/ad97d3db3d95ee8342df7d481997ea4cb540648025b7fb45e17e846228def53f

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from wwwzhouhui/skills_collection

ai-teaching-media SKILL.md skill
wwwzhouhui/skills_collection · ai-teaching-media/SKILL.md · AI 教学媒体一体化技能包。在一个 skill 内串联 6 个子能力:通用生图执行层、技术长文智能插图、学科知识点竖版信息图、教学动图+配音教学视频、短视频 3:4…
git:20260726.4787fcc · audit A · 284 stars
ai-image-generator SKILL.md skill
wwwzhouhui/skills_collection · ai-teaching-media/ai-image-generator/SKILL.md · 通用图像生成执行层,支持 MuleRun Nano Banana 2、APImart GPT Image 2、Atlas Cloud GPT Image 2 和 Agnes Image 2.1 Flash 四种生图 API。通过…
git:20260726.4787fcc · audit A · 284 stars
article-explainer-video SKILL.md skill
wwwzhouhui/skills_collection · ai-teaching-media/article-explainer-video/SKILL.md · 把一篇技术长文/论文解读自动做成章节式解说视频(1080p, 5-8 分钟)。双主题:warm(奶油底+珊瑚红+cozy-handdrawn 透明插图,亲和感)和 midnight(深蓝黑底+琥珀金+宋体标题+executive-tech…
git:20260726.4787fcc · audit A · 284 stars
edu-subject-infographic SKILL.md skill
wwwzhouhui/skills_collection · ai-teaching-media/edu-subject-infographic/SKILL.md · 将任意学科知识点转化为竖版教育信息图(9:16)。用户只需要输入一个知识点名称(如"声现象"、"勾股定理"、"光合作用"),Skill 自动完成:识别学科/年级/章节、拆解3-5个核心子概念、分配主题色系、为每个子概念生成具体插图描述、构建…
git:20260726.4787fcc · audit A · 284 stars
edu-teaching-animation SKILL.md skill
wwwzhouhui/skills_collection · ai-teaching-media/edu-teaching-animation/SKILL.md · 把单个学科概念(中文/英文都行,如"声现象""杠杆原理""光合作用")自动做成动态教学内容。两种产出都由 HyperFrames 渲染、共用同一个 index.html(mode 变量切换):① 配音教学视频 — 分镜 + Minimax…
git:20260726.4787fcc · audit A · 284 stars
short-video-cover SKILL.md skill
wwwzhouhui/skills_collection · ai-teaching-media/short-video-cover/SKILL.md · 根据视频口播文案,为视频号/抖音/小红书短视频生成 3:4 竖版封面图。当用户需要给短视频做封面、配缩略图、出竖版题图时使用。触发词包括:做视频封面、生成视频封面图、视频号封面、抖音封面、小红书视频封面、竖版封面、3:4…
git:20260726.4787fcc · audit A · 284 stars
dify-dsl-generator SKILL.md skill
wwwzhouhui/skills_collection · dify-dsl-generator/SKILL.md · 专业的 Dify 工作流 DSL/YML 文件生成器,根据用户业务需求自动生成完整的 Dify 工作流配置文件,支持各种节点类型和复杂工作流逻辑
v1.0.0 · audit A · 284 stars
excel-report-generator SKILL.md skill
wwwzhouhui/skills_collection · excel-report-generator/SKILL.md · Automatically generate Excel reports from data sources including CSV, databases, or Python data structures. Supports…
git:20251112.c625f19 · audit A · 284 stars
github-readme-generator SKILL.md skill
wwwzhouhui/skills_collection · github-readme-generator/SKILL.md · Generate professional GitHub project README.md with standard structure including project intro, features, installation…
v1.0.0 · audit A · 284 stars
github-trending-wan-skill SKILL.md skill
wwwzhouhui/skills_collection · github-trending-wan-skill/SKILL.md · 抓取 GitHub Trending 当前前 5 个开源项目,先把摘要字段翻译成中文,再生成低信息密度中文简报和 Wan 2.7 海报 prompt。支持 10 种视觉风格选择。Use when user asks for GitHub…
git:20260408.54dfe3d · audit A · 284 stars
github-trending SKILL.md skill
wwwzhouhui/skills_collection · github-trending/SKILL.md · 获取 GitHub Trending 前五项目的 README 与摘要,并发送企业微信消息。适用于热门项目跟踪、技术趋势简报与团队分享。
git:20260122.2bb4461 · audit A · 284 stars
grok-imagine-image SKILL.md skill
wwwzhouhui/skills_collection · grok-imagine-image/SKILL.md · 使用 grok-imagine-image 模型,通过兼容 Grok2API / OpenAI 风格的接口(`/v1/images/generations`)生成图片。当用户要求用 Grok Imagine /…
git:20260726.4787fcc · audit B · 284 stars

Every file in wwwzhouhui/skills_collection

Browse by kind, by grade A, or by owner.