Heige Image Cards — Development skill for Claude Code

heige-image-cards

---

这是什么 What is this

heige-image-cards 是一个面向 Agent 工具的中文图片卡片生产系统。它把文章、教程、聊天截图、商业观点、AI 工具用法，锻造成适合小红书、微信、公众号、社群转发的成套图卡。

它为重度使用 AI 工具的人而做：创作者、咨询师、产品人、程序员、增长运营、知识型账号主理人。你给它一段内容，它先找能让人停下来的梗点，再把梗落回真实可执行的方法，最后用静态 HTML 渲染成 PNG，中文逐字准确。

一句话定位：

**把一个观点做成能被保存的图片卡片。**

为什么不一样

维度	普通图卡生成	heige-image-cards
出图前	直接套模板或丢 prompt	先拆黑哥钩子、真实价值和读者动作
文案	像说明书，缺传播点	表层有梗，底层有方法
中文文字	生图容易糊字、错字、漏字	关键文字走 HTML 渲染，逐字准确
视觉	模板味重，换个项目就不认得	暖纸底、深墨字、荧光绿、黑底气泡，固定黑哥 Ai 署名
改稿	改一处牵全身	文案、HTML、PNG 三层可复查
平台	只服务某一个工具	Claude Code、Codex、OpenClaw、Hermes、Cursor、Windsurf、Cline、Aider 都能用

核心方法论

１．梗点先行

先找一眼能停住人的点。比如「让 AI 叫你老公」不是为了搞怪，而是把 AGENTS.md 的上下文检测做成肉眼可见的暗号。

２．信息兜底

梗必须回答三个问题：

表层为什么好笑？
底层方法是什么？
读者看完能做什么？

３．静态渲染优先

图片卡片最怕中文错字。默认流程是：

文案定稿 → 静态 HTML 排版 → 浏览器截图 → PNG 交付

如果需要插画或照片质感，可以让生图工具只负责背景和素材，关键文字仍由 HTML 渲染。

快速开始 Quick Start

１．获取仓库

需要 Node.js 18 或更高版本。

git clone https://github.com/HeiGeAi/heige-image-cards.git
cd heige-image-cards

后续按运行时选择一个安装方式。每段命令都以仓库根目录为起点。

２．安装到 Claude Code

mkdir -p ~/.claude/skills
cp -R adapters/claude-code/heige-image-cards ~/.claude/skills/
(cd ~/.claude/sk