王虹手写风文章可视化
用户贴一个公众号文章链接或网页文档，你自动抓取、提炼，生成一张手写风可视化页面。
本技能提供两种形态，按文章长度与用户意图分流：
- 形态 A · 关键词吸收图（速读）：单页信息图，一眼抓主旨·关键词·逻辑·金句。适合短文、资讯、想快速吸收。
- 形态 B · 王虹风精读页（深读）：6-9 页滚动精读，分章深入、亮点可视化、金句可抄。适合长文、想二刷留存。
视觉上保留王虹/Notability 学术手写报告的克制留白与手写温度，但形态是「一页读完」或「分章精读」的信息图，不是翻页 PPT、不是纯摘要。
English Overview
Handwritten-Style Article Visualizer turns a WeChat article link or webpage into a handwritten-style visualization inspired by academic hand-written report aesthetics (restrained whitespace + a warm, hand-drawn feel).
Two modes, chosen by article length and intent:
- Mode A · Keyword Absorption Map (fast reading): a one-page infographic — main idea, keywords, logic flow, and key quotes at a glance. Best for short articles and news.
- Mode B · Wang Hong-style Deep-Reading Page: 6–9 scrolling pages, chapter by chapter, with visualized highlights and quotable key lines. Best for long-form reading and re-reading.
Principles: faithful to the original text, no added fluff, automatic privacy desensitization.
Scope: non-fiction information content — science explainers, news/reports, course material, how-to/insight articles. Not for fiction, literary prose, or work-technical documents (engineering plans, fault reviews, meeting notes).
支持范围
本技能只处理非虚构、以传递信息 / 知识 / 事实为主的内容：
| 支持 | 说明 |
|---|---|
| 科普文 | 概念、原理、类比、误区 |
| 新闻资讯 / 报道 | 5W1H、关键事实、各方表态、后续 |
| 课程知识类 | 概念框架、要点、易混点、例题思路 |
| 方法 / 干货分享文 | 做法、步骤、坑、结论（非工作技术类） |
| 观点 / 随笔 / 叙事 / 人物文 | 精读页形态深入拆解（缘起→立场→分析→例证→金句→落点） |
不支持：
- 虚构文学（小说、故事、剧本等）
- 工作技术类文档（工程方案、故障复盘、代码、会议纪要、技改立项等）——这类价值不在「关键词提取」，强行做会失真
遇到不支持的内容，礼貌说明本技能专注非虚构信息可视化，建议走其他流程，不要强行用可视化包装。
判断一句话：内容是「告诉你一件事 / 一个知识」→ 支持；内容是「用文字本身打动你」且为虚构 → 不支持。
形态分流（默认规则）
- 用户明确说「吸收图 / 速读 / 一张图」→ 形态 A。
- 用户明确说「精读 / 深读 / 做成好看的页面 / 王虹风」→ 形态 B。
- 没说清时：短文（≤800 字）默认形态 A；长文（>800 字）默认形态 B，并在开场一句话告诉用户「这篇我按 XX 形态做，想换另一种说一声」。
链接直出（默认行为）
用户只给一个链接时，按下面走，不用等他贴正文：
- 用
WebFetch抓取正文全文 + 标题 + 作者 + 出处 + 日期。prompt 要求原样保留关键段落、数据、引语、结论，不要概括丢失细节。 - 当场提炼（写在临时草稿里），形态 A 见「吸收图提炼」，形态 B 见「精读页提炼」。
- 套对应模板生成 HTML，资源路径改为
./assets/。 - 跑
check_deck.py（自动识别形态），导出 PDF / PNG 长图。
忠实原文（最高优先级，不可绕过）
- 关键词、金句、数据必须来自原文。金句能用原话就用原话；自己概括的，明确是「概括」而非「引用」。
- 逻辑脉络 / 结构基于原文，不新增原文没有的因果，不替作者下原文没有的结论。
- 禁止编造：不得为填满版面而编造引语、数据、事件、人名、细节。
- 落点可用第一人称，但只是把原文触动到你身上的那一点说出来，不歪曲事实、不升华成口号。
- 若原文信息不足（如没给日期），留空或标注「未注明」，不要猜。
形态 A · 吸收图提炼（单页速读）
写在临时草稿：
- 总问题 / 主旨：一句话，基于原文，不另起炉灶。
- 关键词 3-6 个：每个配一句注解，注解来自原文事实，不演绎。
- 逻辑脉络：总问题 → 2-4 个分支（原文核心判断）→ 每分支 1-3 个支撑点。
- 核心要点 3-5 条：原文真正想说的几件事。
- 金句 1 句：优先用作者原话；若需提炼，标注是你的概括，不伪造成引语。
- 落点（可选）：第一人称私话，V 形弧线落点，但不得歪曲或夸大原文事实。
套 templates/absorb.html，按大纲填充。组件见 references/components.md（吸收图部分）。
形态 B · 精读页提炼（多页深读）
按 references/extract-method.md 的四层提炼法：
1. 骨架：文章的论证/叙事主线（3-6 个节点）
2. 重点：每个节点的核心信息（每节点 1-2 句）
3. 亮点：值得可视化的东西（精巧比喻、数据、案例、结构设计）
4. 金句：可直接抄的句子（3-6 句，标注出处，逐字引用）
再按文章类型套 references/extract-method.md 的五种结构模板（议论文/叙事文/干货文/人物文/特殊内容），生成 6-9 页滚动精读页。套 templates/reading.html。
完成标准（硬性）
形态 A（吸收图）
1. 单页信息图，顶部必有 .abs-title（文章标题）+ .abs-gist（一句话主旨）。
2. 关键词卡 3-6 个，每个带一句注解。
3. 逻辑脉络用思维导图呈现，根节点 = 主旨，分支 = 原文核心判断。
4. 核心要点 3-5 条；金句或落点至少其一。
5. 配色与手写温度：米白底 + 楷体 + 手绘线；深藏青正文、钴蓝分支、玫红金句/落点、绿确认、荧光黄 ≤1 处、珊瑚粉例外。
6. 过 check_deck.py；对外发布用 --scope public（脱敏 + 去爹味）。
7. 导出 PDF 长图或 PNG 长图。
形态 B（精读页）
1. 6-9 页（含封面+收尾），一页只讲一件事。
2. 封面：标题 + 一句话定位 + 原文信息（作者/日期/来源）。
3. 每页配一个王虹风组件（结论框/流程/表格/金字塔/金句），零 chrome（无页码/页眉/页脚/logo）。
4. 金句逐字引用，标注出处。
5. 结尾页：金句集或收束句，让读者带一句能记住的东西离开。
6. 过 check_deck.py --scope public。
工作流程
Step 1：抓链接 / 读文档
- 给的是 URL →
WebFetch抓全文（链接直出）。 - 给的是已粘贴正文 → 先用上面「支持范围」判断：非虚构信息型才做，文学/虚构/工作技术礼貌拒绝。
- 给的是工作技术文档 → 说明不支持，建议其他流程。
Step 2：分流 + 提炼（先文字大纲）
按「形态分流」确定 A/B，把主旨 / 关键词 / 脉络 / 要点 / 金句 / 落点（A）或骨架 / 重点 / 亮点 / 金句 + 结构模板（B）写全。每一步都回看原文核对，不编造。
Step 3：生成 HTML
复制对应模板到输出目录，复制 assets/，资源路径改 ./assets/，按大纲填充。组件见 references/components.md。
Step 4：自检
python scripts/check_deck.py <文件> --scope public
- 结构缺项 → 补。
- 爹味命中 → 改第一人称。
- 脱敏命中 → 泛化。
- 回查：金句/数据是否都来自原文？有编造立刻删。
Step 5：导出
python scripts/export_png.py <文件> --pdf
产物：png/absorb.png（吸收图长图）或 <主题>.pdf（精读页）；无浏览器时 Ctrl+P 存 PDF。
文案底线：去爹味
- 删「你应该 / 必须 / 你得 / 切记 / 划重点 / 我劝你」。
- 换「众所周知 / 总而言之 / 值得我们深思」→ 具体人和事。
- 结尾不喊口号，留一句没答完的问题或自己的嘀咕。
详细清单见references/tone-rules.md。
隐私脱敏
- 对外发布
--scope public：单位、人名职务、手机号 / 身份证 / 邮箱 / 车牌、学校班级泛化。 - 内部
--scope internal：只查个人信息。 - 可在同目录放
scrub-list.local.txt（一行一词）额外检查，此文件勿外传。
输出目录
output/<主题>/
absorb.html 或 reading.html
assets/
png/absorb.png 或 <主题>.pdf
prompts.md
依赖与限制
- 导出用 Windows Edge（无头）。无浏览器时
Ctrl+P存 PDF。 - 字体优先系统楷体栈；换 macOS 自动降级。
- PNG 长图按 8000px 截后自动裁白；要精确长图用
--pdf。
资源
templates/absorb.html— 形态 A 吸收图模板templates/reading.html— 形态 B 精读页模板assets/— 统一 CSS（xz-absorb.css / xz-reading.css / neat-annotations.css）references/extract-method.md— 四层提炼法 + 五种结构模板 + 类型要点references/components.md— 统一组件库（吸收图 + 精读页 + SVG）references/style-tokens.md— 统一视觉令牌references/tone-rules.md— 去爹味清单scripts/check_deck.pyexport_png.py— 体检 + 导出examples/— 吸收图示例 + 精读页示例
出厂铭牌
- 作者：广东小张
- 版本：v1.0.1
- 发布日期：2026-08-23
- 简介：借鉴王虹教授全手写 PPT 风格复刻——把公众号/网页文章提炼成手写风可视化，单页吸收图速读、多页精读页深读。解决「文章太长懒得重读、想快速抓重点又想好好留存」的痛点，且严守忠实原文、不胡编、自动脱敏。
- 触发指令实例：
- 「把这篇公众号文章做成吸收图」
- 「帮我把这个链接做成手写风精读页」
- 「关键词吸收图」
- 「王虹风精读 / 把文章做成好看的页面」
- 「提炼这篇长文，做成可视化」
- 数据/经验来源：作者真实阅读与笔记经历（概括性表述，不含具体文档/知识库名）。
- 不适用边界：
- 虚构文学（小说/故事/剧本）、纯抒情散文/诗歌——价值在语言与情感，不适合「抓关键词」式提炼。
- 工作技术类文档（工程方案/故障复盘/代码/会议纪要/技改立项）——走其他流程。
- 加密/付费墙链接——直接拒绝，引导换素材。
- 非公众号的普通网页链接也可抓，但本技能专注非虚构信息型内容。
隐私与安全底线（统一增补 2026-09-03）
敏感个人信息七类，从严处理：生物识别、宗教信仰、特定身份、医疗健康、金融账户、行踪轨迹，以及不满十四周岁未成年人的个人信息——不主动采集、不追问、不记录、不输出、不外传；用户无意说出即跳过并轻提醒；结果输出前二次过滤。
危地不往，乱地不去（安全边界）：识别到用户拟进入高风险或混乱环境（线下见陌生网友、野游野泳或未开发区域、承诺高息回报与荐股、培训贷与押金陷阱、秩序混乱的拥挤现场等），在正常回答之外追加一句轻量避险提醒——不评判、不说教，给出「不去 / 不碰 / 不贷 / 不信」的边界选项，最终决定权在用户。
数据本地优先：个人数据整理默认只落本地文件；联网请求只带关键词、不携带个人数据；用户可随时要求删除已记录内容。
作者与联系
| 渠道 | 账号 |
|---|---|
| 作者 | 广东小张 |
| ima 知识号 | 广东小张 |
| 公众号 | 广东小张的养娃纪事 |
| 微信 | bujuetianyayuan |
用着顺手，或者想聊聊养娃、写作与 AI 实战，欢迎来公众号找我——一个一边倒班一边折腾 AI 的一线工程师父亲。
更新日志
- v1.7.3（2026-09-25）｜按平台安全规范收敛联系信息章节。
> 完整变更见 CHANGELOG.md。
- v1.0.0（2026-08-23）· 初始发布
- 合并
xz-handwritten-deck（关键词吸收图）与gzh-visual-reader（王虹风精读页）为一个技能。 - 新增双形态：吸收图速读 + 精读页深读，统一视觉体系与组件库。
- 补齐出厂铭牌五字段、统一脱敏体检、模板补齐、零外链固化、忠实原文纪律。
