one5ds

Visual Notes Illustrator — Design skill for Claude Code

Design community

学院派视觉笔记 / 科学原理手绘插画 Skill：把一段文字拆成思想框架，20 选 1 定核心主体，输出豆包/即梦可用的精准提示词并出图.

How to install Visual Notes Illustrator

This entry records only its repository, not the path inside it, so there is no exact command to give. Open one5ds/visual-notes-illustrator and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Visual Notes Illustrator does

学院派视觉笔记 / 科学原理手绘插画 Skill：把一段文字拆成思想框架，20 选 1 定核心主体，输出豆包/即梦可用的精准提示词并出图。 Academic visual-notes illustrator Skill: turn any text into a pencil-sketch infographic with bilingual labels, drafting annotations and ready-to-use image prompts.

Alternatives in Design

Plannotator — Interactive plan review UI for Claude Code with visual annotation, offline sharing, and Obsidian/Bear integrat 3.3k ★
Canvas — Open, create, or update a visual canvas — add images, text, PDFs, wiki pages, and banana-generated assets to O 3.3k ★
Design Dna — Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu 624 ★

README

AIOpenVC · 开放式 AI 投资工具生态

**学院派视觉笔记插画 Skill**

*用 AI 重构一级市场的信息表达 · 主理人：一觉同学*

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](./LICENSE) [![Stars](https://img.shields.io/github/stars/one5ds/visual-notes-illustrator?style=flat-square&label=Stars&color=yellow)](https://github.com/one5ds/visual-notes-illustrator/stargazers) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](./CONTRIBUTING.md) [![i18n](https://img.shields.io/badge/lang-中文%20%2F%20English-blue.svg)](./README_EN.md)

⭐ **如果这套方法论对你有用，请点右上角 Star —— 这是对它最好的支持** ⭐

把任何一段文字，变成一张「实验室研究记录」质感的手绘视觉笔记插画，并产出豆包 / 即梦 / Midjourney 可用的精准提示词。

Turn any paragraph into an academic hand-drawn "visual notes" illustration — with ready-to-use image-generation prompts.

[English README →](./README_EN.md) · [示例 Example →](./examples/perovskite-visual-note-prompt.md) · [贡献指南 →](./CONTRIBUTING.md)

![示例：钙钛矿「可调门槛」视觉笔记（9:16 竖版）](./assets/perovskite-example.png)

一、它解决什么问题

给 AI 一段文字说「画张图」，结果往往是一张漂亮的废话：元素堆砌、文字错乱、和原文关系不大。

这个 Skill 把「文字 → 插画」拆成一条**可控制的流水线**：先定画幅，再拆思想框架，再由你从 20 个候选中**亲自选一个核心主体**，最后才生成提示词并出图。主体由你拍板，所以画出来的东西一定是你要的那张。

二、五步工作流

步骤	做什么	产出
① 选画幅	16:9 / 4:3 / 3:4 / 9:16，四选一	构图与像素规格
② 拆结构	中心思想 → 主标题；次级论点 → 分区；提炼概念词 → 中英双语标签	思想框架拆解表
③ 选主体	从 200 元素池（20 类）跨类别随机抽 20 个，列出编号供选	唯一核心主体
④ 出提示词	按模板填充，输出完整版 + 120 字精简版	豆包可用提示词
⑤ 出图	调用图像模型生成，不满意按要素迭代	成品插画

三、画幅规格

比例	像素	适用场景
16:9 横版	1920×1080	公众号头图、汇报封面、宽屏阅读
4:3 横版	1184×888	经典讲义版式、嵌入文档
3:4 竖版	896×1152	论文配图、笔记页
9:16 竖版	1080×1920	手机长图、社媒海报

四、视觉规范（v1.1.0 亮色聚焦版）

v1.1.0 依据作者成片风格全面调亮：**色彩明快、主体大而聚焦、信息克制**。旧版"黑白灰为主、彩色 <12%"已废弃。

色彩：明快亮色是重头戏 —— 3–5 个高饱和主题色（朱红、橙黄、柠檬黄、翠绿、天蓝、宝蓝）马克笔实色平涂，配渐变色条与彩色粗箭头，金属/木质/玻璃部件铺暖棕、青蓝淡彩，彩色面积 30%–40%
主体：核心主体占画面 55%–65%，细节充分，全画唯一焦点
信息克制：双语标签 ≤ 4 个、公式 ≤ 3 处、手写批注 ≤ 4 条、环绕草图 ≤ 3 个；留白 ≥ 30%，一眼看懂、三秒读完
**标