ningzimu/handdrawn-tech-illustrations

Letzte erfasste Quellaktivität: 2. Juni 2026 um 11:45

SkillsMP-Katalog aktualisiert: 2. November 2026 um 18:02

gesammelte Skills: 1

GitHub-Stars: 37
GitHub-Forks: 2

Mit einem KI-Assistenten installieren

Diesen Prompt kopieren und in den verwendeten KI-Assistenten einfügen.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/ningzimu/handdrawn-tech-illustrations.

README des Repositorys

README-Quelldatei: README.md

README-Quelldatei lesen

Vollständige README anzeigen

# Handdrawn Tech Illustrations 一个用于生成中文手绘技术配图的 Codex Skill。它适合把技术文章、产品笔记、截图、大纲或粗略想法，变成正文配图、概念解释图、微信公众号封面和小红书/Rednote 封面。 ![整体概览](assets/readme-overview.png) ## 这个 Skill 做什么 - 把中文技术内容生成清晰的手绘技术配图。 - 支持正文配图、文章封面、微信公众号封面、小红书/Rednote 封面。 - 使用 Codex 内置生图模型直接生成最终图片。 - 不强制固定输出目录：用户指定路径就放到指定位置，否则保留模型返回路径并明确报告。 - 主要负责生成图片；需要时可以顺手裁剪、缩放，或做一张多图预览。 ## 效果预览这个 skill 专注于一种画面气质：亲和、轻卡通、中文可读的手绘技术解释图。 - 接近白色的温暖纸面； - 圆润一点的铅笔/墨线手绘质感； - 温和的浅蓝、鼠尾草绿、浅桃、浅紫和浅黄色标记色； - 可读的简体中文标注； - 信息密度适中，像技术作者画给读者看的解释图。同一种画面气质下，图里的元素应该来自内容本身，而不是固定套用某类道具： <table> <tr> <td width="50%" align="center"><strong>注释图</strong></td> <td width="50%" align="center"><strong>对比图</strong></td> </tr> <tr> <td width="50%"><img src="assets/readme-preview-annotated.png" alt="注释图示例" width="100%"></td> <td width="50%"><img src="assets/readme-preview-comparison.png" alt="对比图示例" width="100%"></td> </tr> <tr> <td width="50%" align="center"><strong>证据图 / 截图解释</strong></td> <td width="50%" align="center"><strong>风格元素</strong></td> </tr> <tr> <td width="50%"><img src="assets/readme-preview-evidence.png" alt="证据图示例" width="100%"></td> <td width="50%"><img src="assets/readme-style-preview.png" alt="风格元素示例" width="100%"></td> </tr> </table> 它不强制每张图都变成流程图或隐喻图。更重要的是让图服务内容：素材里有什么、读者需要看懂什么，画面就围绕这些信息组织。 ## 输出模式 | 模式 | 建议比例 | 用途 | | --- | --- | --- | | 正文配图 | `16:9` | 技术文章正文图、概念解释图 | | 文章 / 微信长封面 | `21:9` | 博客头图、公众号主封面 | | 微信方形封面 | `1:1` | 公众号配套方形封面 | | 小红书 / Rednote 封面 | `3:4` | 竖版社交平台封面 | | Shot list only | 无 | 只规划图点，不生成图片 | ## 安装复制这句话给 Codex： ```text 请帮我安装 handdrawn-tech-illustrations 技能，GitHub 地址是：https://github.com/ningzimu/handdrawn-tech-illustrations ``` ## 使用示例 ```text 使用 handdrawn-tech-illustrations，为这篇中文技术文章生成一张 16:9 正文配图。 ``` ```text 使用 handdrawn-tech-illustrations，基于这个大纲生成公众号 21:9 封面和 1:1 方形封面。 ``` ```text 使用 handdrawn-tech-illustrations，把这份包含截图的产品笔记画成一张技术解释图。 ``` 只规划图点，不生成图片： ```text 使用 handdrawn-tech-illustrations，为这篇文章生成 shot list，暂时不要生图。 ``` ## 开始使用 ![开始使用](assets/readme-start.png) ## 仓库结构 ```text . ├── agents/ │ └── openai.yaml ├── assets/ │ ├── readme-overview.png │ ├── readme-preview-annotated.png │ ├── readme-preview-comparison.png │ ├── readme-preview-evidence.png │ ├── readme-start.png │ └── readme-style-preview.png ├── skills/ │ └── handdrawn-tech-illustrations/ │ ├── SKILL.md │ ├── assets/ │ │ └── theme-tokens.json │ └── references/ │ ├── content-planning.md │ ├── platform-specs.md │ ├── production-workflow.md │ ├── prompt-patterns.md │ └── style-dna.md └── README.md ``` ## Star History [![Star History Chart](https://api.star-history.com/svg?repos=ningzimu/handdrawn-tech-illustrations&type=Date)](https://www.star-history.com/#ningzimu/handdrawn-tech-illustrations&Date)

README des Repositorys wird geladen…

Skills in diesem Repository

Grafikdesigner

1 Berufskategorien · 100% klassifiziert

Skill

Beruf

Beschreibung

Aktualisiert

handdrawn-tech-illustrations

Grafikdesigner

Use when the user asks for Chinese handdrawn technical article illustrations, body images, WeChat covers, Xiaohongshu/Rednote covers, or technical explainer visuals from articles, notes, screenshots, outlines, or rough ideas.

Quellsprache: Englisch

2026-06-02

Es werden 1 von 1 gesammelten Skills angezeigt.