huashu-xhs-image

用途

huashu-xhs-image 用于为小红书笔记生成高质量配图，覆盖封面、轮播套图、信息图等场景。当用户提到「小红书配图」「小红书封面」「小红书图片」「做张小红书图」「笔记配图」时使用此技能。

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

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

理解内容 → 设计提案（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 个设计方向，每个方向包含：视觉风格、色彩、文案布局、情绪。提案原则：每个方向要有明确差异；标注推荐；文案要具体；不超过 3 个方向。等用户选择后才进入 Step 3。

Step 3：生成图片

基于用户选择的方向构建完整 prompt。Prompt 模板包含视觉风格、色彩、排版、待渲染文字、核心关键词强化、禁止署名等要素。

两条生成路径每次都出，方便用户对比选择：

AI 生成：使用 Gemini nano-banana-pro，质感好、有温度、视觉丰富，但中文可能渲染错误，有 API 费用。
HTML 截图：使用 Playwright，文字 100% 精确、零成本、可批量，但偏平面、缺少质感。

文件组织规范：多版本生成时，所有相关文件（png + html 源文件）放在同一个子文件夹内，命名规则为 [方向字母][变体序号]-[风格中文名]-[路径AI/HTML]-[变体描述].png。

Step 4：预览确认

生成完成后用 open 命令打开所有图片方便并排对比，同时用 Read 工具在终端展示。基础检查项包括中文文字渲染、比例、风格、是否出现署名/水印。设计审查从设计评分和小红书吸引力两个维度评分（10 分制），给出优化方向。

Step 5：上传图床

通过上传脚本返回 ImgBB 永久链接。

HTML 截图路径

在 AI 文字渲染失败、精确数据表格、或用户要求对比时使用。HTML 模板要求：画布 1080x1440，字体使用 PingFang SC 等中文字体，安全区上下各 80px、左右各 60px。

适用场景

小红书笔记封面、轮播套图、信息图等配图制作，尤其适合教程、干货、个人分享、产品发布、数据对比等内容类型。

限制

AI 路径中文文字渲染有限制：主标题 ≤ 7 字，副标题 ≤ 15 字，正文每行 ≤ 20 字，必须逐张验证。
AI 生成有 API 费用。
封面图不出现署名/水印。
深蓝色底属于审美禁区。

快速参考

配色方案

暖灰专业：底色 #F5F0EB，主色 #D97706，强调色 #4A90D9，适用于 AI 工具、分享
极简专业：底色 #F5F5F5，主色 #4A90D9，强调色 #FF6B35，适用于教程、对比
暗夜金：底色 #1A1A2E，主色 #E2B714，强调色 #FFFFFF，适用于产品发布
终端绿：底色 #1A1A1A，主色 #00FF41，强调色 #888888，适用于编程相关

Golden Rules

标题大、粗、醒目（占画面 30-50%）；核心数字/关键词做视觉强化；封面信息量大以引发好奇；套图风格统一；竖版 3:4 充分利用屏幕空间；不加署名/水印。

参考文件

references/style-gallery.md：完整风格库与 prompt 模板
references/design-guidelines.md：小红书平台设计规范

技能介绍

用途