Xhs Layout

xhs-layout - 小红书封面布局

leoyishou 5533bab 3 files · 8.2 KB Updated

File contents

xhs-layout - 小红书封面布局

小红书/社交媒体封面的布局设计工具。

核心理念

默认解放 AI 生图能力 - 大多数情况下,只需指定一个总体比例(如 3:4),让 AI 自由发挥创意。

布局模板(精确划分槽位)是可选增强,仅在以下场景使用:

  • 有特别好的设计想法需要精确控制
  • 需要多区域组合(如:上图下文、左右对比)
  • 批量生成需要统一风格

使用方式

方式一:简单比例(推荐)

直接告诉 api-draw 目标尺寸,让 AI 自由创作:

画一张小红书封面,1080x1440,主题是 5 个 AI 工具推荐

输出给 api-draw:--size 1080x1440

方式二:布局模板(特殊场景)

当需要精确控制布局时,使用预设模板:

模板 适用场景 布局
hero 大图+标题 图 60% + 文字 40%
knowledge 知识卡片 标题 15% + 图 45% + 要点 35% + 标签 5%
portrait 人物介绍 头像 30% + 姓名 10% + 简介 50% + 来源 10%
comparison 对比展示 标题 15% + 左右对比 75% + 总结 10%

调用 get_layout.py 获取精确尺寸:

python ~/.claude/skills/xhs-layout/get_layout.py hero --canvas 1080x1440
# 输出:image: 972x806, title: 1026x518

常用尺寸

平台 比例 尺寸
小红书封面 3:4 1080x1440
小红书正方 1:1 1080x1080
B站封面 16:9 1920x1080
抖音封面 9:16 1080x1920

与 api-draw 配合

xhs-layout(可选)  →  api-draw
   ↓                      ↓
 尺寸/槽位           prompt + size → 图片

大多数情况下跳过 xhs-layout,直接给 api-draw 传 --size

leoyishou/personal-ai-company/tree/main/claude-global/skills/xhs-layout commit 5533bab035

Frequently asked questions

npx skillmds@latest add leoyishou/xhs-layout