stick-article-illustrator
今日头条爆款文章 + 配套火柴人 SVG 插图,一站式交付。
工作流(三步)
Step 1 · 文章生成
按 references/article_rules.md 执行:
1. 判断文章类型(news / story / opinion)
2. 选标题类型(冲突 / 悬念 / 数据 / 观点)
3. 生成 3~5 个候选标题(标注类型,推荐 1 个)
4. 生成正文(≥1100 字、一句话一段、禁「——」破折号、有观点)
5. 写配图建议(≥3 条)
6. 质量评分(100 分制,<80 退回)
Step 2 · 插图场景设计
按 references/svg_patterns.md 规划插图:
默认 3 张,对应文章结构:
| 图序 | 场景 | 对应文章位置 |
|---|---|---|
| 图一 | absent_kid(书桌发呆+攥紧的笔+省略号) | 引子段 |
| 图二 | schedule_prison(日程表网格+家长指向系统) | 小标题二 |
| 图三 | free_smile(虚线框留白+举手孩子+小石头) | 小标题三 |
四图原则(论点丰富时):加 child_hands_up 配解决方案段。
Step 3 · 生成 SVG
用脚本生成 SVG 文件(每个场景一行命令):
# 脚本路径(技能内)
python <skill>/scripts/draw_stick_figure.py <scene> <output_path>
# 示例
python scripts/draw_stick_figure.py absent_kid figure1.svg
python scripts/draw_stick_figure.py schedule_prison figure2.svg
python scripts/draw_stick_figure.py free_smile figure3.svg
三个核心场景已内置,无需手写 SVG 代码。如需自定义,可直接修改脚本中的原子函数(head / closed_eyes / fist_pen / palm_forward 等)。
Step 4 · 图文预览 HTML
用 assets/_preview_template.html 合成最终预览文件,写入工作区供用户双击查看。
文件速查
| 文件 | 用途 |
|---|---|
scripts/draw_stick_figure.py |
SVG 生成脚本(可独立运行) |
references/article_rules.md |
文章硬性规则、评分体系 |
references/svg_patterns.md |
8 种场景模板、设计原则、颜色变量 |
assets/_preview_template.html |
图文预览 HTML 模板 |
README.md |
用户介绍文档(人读) |
assets/cover.svg |
仓库封面图 |
输出交付物
- 文章正文(.md 或内联回复)
- N 张 SVG 插图文件
- 一份图文预览 HTML(双击可看完整效果)
注意事项
- 插图风格:情绪克制,不用叉叉眼(那是「错误感」),用闭合眼(那是「无力感」)
- 家长指向系统不指向孩子:批评日程表,不批评孩子
- 省略号 > 密集问号:暗示「心思飘走」,不暗示「痛苦挣扎」
- 攥紧的笔 = 内在动力被压制但还在(完整情感弧线:动力被压→完全被困→重新获得空间)
- 脚本输出纯 SVG 文件,不依赖任何外部库
v1.1 更新
- 新增
README.md用户介绍文档(详细说明 8 种场景与设计风格) - 新增
assets/cover.svg仓库封面图 - 升级
description触发词与场景说明