# Making Xhs Cards

> Use when 用户 says 做图卡、做封面、小红书配图、首图，或公众号终稿需要拆小红书版时，或口播稿需要视频封面时。

- Skill: `wlkerwong-boop/making-xhs-cards` (Agent Skill)
- Install (CLI): `npx skillmds@latest add wlkerwong-boop/making-xhs-cards`
- Raw SKILL.md: https://api.skillmd.com/api/skills/wlkerwong-boop/making-xhs-cards/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: wlkerwong-boop (https://skillmd.com/u/wlkerwong-boop)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/wlkerwong-boop/making-xhs-cards

---


# 小红书图卡（making-xhs-cards）

## 概述
产出 900×1200（3:4）HTML 首图/内页图卡。封面是点击率的一半，公式化生产，不靠灵感。

## 前置
读用户工作区的 `voice.md`、`paths.md` 与对应终稿（无终稿则交棒 writing-gongzhonggao）。色系若有个人规范，以用户口述为准记录进 paths.md；无规范则用本技能默认公式。

## Step 1. 封面公式（三选一）
1. **大数字型**：痛点短语 + 超大数字（数字高度 ≈ 画布 1/2）+ 署名章
2. **反共识型**：大字结论（把 voice.md 的核心观点顶到最上）+ 小字注释
3. **清单型**：「X 件事」字样 + 编号列表预览（第 1 条必须最有钩子）

## Step 2. 排版硬指标
- 画布 900×1200；正文字号 ≥34px；标题 ≥72px；对比度足够（深底浅字或浅底深字）
- 每张卡只放一个信息点；行数 ≤6；不做花哨渐变
- 参考结构：痛点行 → 大标题 → 补充小字 → 印章/署名区
- 输出为自包含 HTML（内联 CSS，无外链），用户浏览器打开即可截图/导出

## Step 3. 红线加查（图卡比正文更容易踩）
about-me.md 禁区逐条过一遍；图上文字一律不出现未成年人全名正脸、密钥地址、夸大数字（数据必须与终稿一致，四舍五入要保守）。

## Step 4. 输出与交棒
- HTML 存 paths.md 指定的成稿目录，文件名守该目录命名规范（如 `cover-标题.html`）
- 交棒：图文终稿 → checking-before-publish；需要 AI 代合成视频封面时调用用户本机的视频合成工具

## 常见错误
- 字号过小（手机上一屏看不清 = 废卡）
- 图上数字与正文数字对不上
- 封面标题党过度、与正文脱节（会被自查技能打回）