Stickman Cover

Stickman Cover · 火柴人封面炼金术

文章 → 火柴人风公众号封面，零设计门槛。白底、无边框、手绘 SVG 火柴人 + 涂鸦元素 + 手写字体。

示例

教程类 · warm-orange


对比类 · cool-blue


招手类 · soft-pink


里程碑类 · warm-orange


这是什么

一个 Claude Code Skill，把文章或主题转成 2.35:1 电影宽高比的单文件 HTML 封面。**粘贴文章，5 分钟出图。**

核心视觉

• 纯白底 + 无边框
• SVG 火柴人（圆头 + 线条身体 + 表情）
• 手写字体（Caveat + Noto Serif SC）
• 暖橙强调色（可换装 4 种）
• 涂鸦元素（箭头、星星、心形、虚线框）
• 微旋转角度（-3° ~ +3°）

安装

把整个目录放到你的 `~/.claude/skills/` 下：

git clone https://github.com/r600a-code/stickman-cover.git ~/.claude/skills/stickman-cover

然后在 Claude Code 里直接说"做个火柴人封面"或"火柴人风格封面"，skill 自动激活。

使用

输入

• 一篇文章 md 文件路径
• 文章核心内容/摘要
• 一个主题或一句口号

输出

• 严格 2.35:1 比例的单文件 HTML
• 可直接保存为 .html 打开
• 可截图作为公众号封面

输出目录

默认 `~/Desktop/claw/weixingzh/covers/`，可在 SKILL.md 中改。

资产清单

• 12 个姿势：joy-jump · point-canvas · wave-hand · think-chin · run-forward · sit-desk · doubt-shrug · celebrate-arms · explain-point · hold-phone · pair-shake · vs-standoff
• 6 个场景预设：tutorial · comparison · story · welcome · thinking · celebration
• 5 种配色：warm-orange（默认） · ink-classic · cool-blue · fresh-green · soft-pink
• 字体栈：Caveat · Indie Flower · Noto Serif SC · PingFang SC · SF Mono

目录结构

stickman-cover/
├── SKILL.md                       入口 + 工作流
├── references/
│   ├── stickman-poses.md          火柴人姿势库（核心资产）
│   ├── scene-presets.md           6 场景预设
│   ├── color-moods.md             5 配色情绪
│   └── typography.md              字体与排版规则
├── templates/
│   └── standard.html              标准封面模板
└── examples/
    └── showcase.md                案例集

工作流

1. 输入文章 → 读取内容
2. 标题提炼 → 3 个备选，遵循火柴人自嘲语气
3. 选场景预设 → tutorial / comparison / story / welcome / thinking / celebration
4. 选配色情绪 → warm-orange / ink-classic / cool-blue / fresh-green / soft-pink
5. **选火柴人