# Huashu Xhs Image

为小红书笔记生成高质量配图。默认AI生成（Gemini），仅精确数据表格用HTML兜底。当用户提到"小红书配图"、"小红书封面"、"小红书图片"、"做张小红书图"、"笔记配图"...

- Repository: https://github.com/alchaincyf/huashu-skills (2152 stars)
- Category: Engineering
- License: MIT
- Last updated: 2026-10-26
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add alchaincyf/huashu-skills --skill huashu-xhs-image -g -a claude-code -y`
Codex: `npx skills add alchaincyf/huashu-skills --skill huashu-xhs-image -g -a codex -y`
Cursor: `npx skills add alchaincyf/huashu-skills --skill huashu-xhs-image -g -a cursor -y`
Gemini CLI: `npx skills add alchaincyf/huashu-skills --skill huashu-xhs-image -g -a gemini-cli -y`

## Description

为小红书笔记生成高质量配图。默认AI生成（Gemini），仅精确数据表格用HTML兜底。当用户提到"小红书配图"、"小红书封面"、"小红书图片"、"做张小红书图"、"笔记配图"时使用此技能。

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 小红书配图工作流

## ⚠️ 核心原则：先提案，后生成

**绝对不能跳过设计提案直接出图。** 正确流程：

```
理解内容 → 设计提案（2-3个方向）→ 用户选择 → 生成 → 预览确认 → 上传
```

---

## 花叔设计审美画像

### 喜欢的
- **质感和温度**, 纸张褶皱、手写笔触、印章、胶带等有机元素
- **手绘/书法字体**, 笔记感、个人分享场景尤其适合
- **文字撑满画面**, 小红书是手机竖屏，文字要大到一眼看清
- **核心元素强化**, 关键数字/关键词做视觉hero（放大3倍、变色、加装饰）
- **结构清晰**, 主标题 > 副标题 > 列表，层次分明
- **暖色调**, 奶油色、暖橙、暖金表现好

### 不喜欢的
- **HTML截图**, 太平面、像PPT模板、没有灵魂（仅精确数据表格兜底）
- **赛博霓虹/深蓝底**, #0D1117等深蓝色底属于审美禁区
- **署名/水印**, 封面图不出现「花生」「花叔」「@花生」
- **过度留白**, 宁可满一点，不要空荡荡

### 验证过的好风格
| 风格 | 表现 | 适用 |
|------|------|------|
| 手绘笔记（暖色纸张+书法字+手绘图标） | ⭐⭐⭐⭐⭐ | 教程、干货、个人分享 |
| 暗金海报（深色底+金色大字） | ⭐⭐⭐⭐ | 产品发布、震撼标题（需搭配好内容） |
| 极简信息图（浅底+大数字+简洁层次） | ⭐⭐⭐⭐ | 数据驱动、对比 |

---

## 核心参数

| 参数 | 值 |
|------|-----|
| 标准尺寸 | 1080 x 1440 px (3:4) |
| AI 生成分辨率 | `--resolution 2K` |
| AI Prompt 长宽比声明 | `3:4 portrait aspect ratio, 1080x1440 pixels` |
| HTML viewport（兜底用） | `--viewport-size=1080,1440` |

---

## Step 1: 理解内容

读取用户提供的内容，快速提炼：
- **主题**：这篇讲什么？
- **核心关键词**：哪些词/数字需要做视觉hero？
- **情绪/调性**：悬念？干货？温暖？震撼？
- **图片数量和类型**：单封面 / 轮播套图 / 信息图？

不需要向用户展示分析结果，直接进入Step 2。

---

## Step 2: 设计提案 ✅ 必须等用户选择

**这是整个流程最关键的一步。禁止跳过。**

### 提案格式

向用户展示 **2-3个设计方向**，每个方向包含：

```
### 方向A：[风格名]
- 视觉风格：[一句话描述画面感，如"暖色笔记本纸张+毛笔书法大字+手绘小图标"]
- 色彩：[底色 + 主色 + 强调色]
- 文案布局：[哪些文字放大做hero、哪些做副标题、整体排列方式]
- 情绪：[用户看到后的第一感受]
```

### 提案原则

1. **每个方向要有明确差异**（风格、情绪、色彩至少有一个完全不同）
2. **标注推荐**（基于内容特征说明为什么推荐某个方向）
3. **文案要具体**（不是"标题放大"，而是「"28"做200px的hero元素，橙色强调」）
4. **不要超过3个方向**（选择太多反而难选）

### 提案示例

> **方向A：手绘笔记风（推荐）**
> - 视觉风格：奶油色方格纸底 + 毛笔书法大标题 + 手绘科技小图标
> - 色彩：底色#FDF6EC + 主色#D97706（暖橙）+ 强调圈线
> - 文案布局：「阿里C4楼」「来了一群广东人」撑满上半区做hero，「AI开源冠军」橙色高亮做视觉锚点，右下角「千问APP」印章
> - 情绪：亲切、真实、像朋友分享内幕
>
> **方向B：暗金揭秘风**
> - 视觉风格：深色磨砂底 + 金色大字 + 徽章装饰
> - 色彩：底色#1A1A1A + 主色#E2B714（金）+ 白色辅助
> - 文案布局：「全球AI开源冠军」金色巨字撑满画面，上方「大厂内幕」金色徽章，下方副标题白色
> - 情绪：震撼、内幕、有分量感

**等用户选择后才进入 Step 3。** 用户可能会：
- 直接选一个 → 进入生成
- 要求混合/调整 → 修改方向后再确认
- 都不满意 → 追问偏好后重新提案

---

## Step 3: 生成图片

### 构建 Prompt

基于用户选择的方向，构建完整prompt。

The rest: https://github.com/alchaincyf/huashu-skills/blob/HEAD/huashu-xhs-image/SKILL.md