xiaohongshu-cover-generator

小红书封面AI绘图提示词生成器。将小红书文案自动转化为Nano Banana Pro/Gemini图片生成提示词,输出内嵌API调用的交互式HTML页面。触发条件:用户说"生成小红书封面"、"小红书封面提示词"、"做小红书配图"、"小红书爆款封面"或提供小红书文案并要求生成封面图时使用。

16 stars

Best use case

xiaohongshu-cover-generator is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

小红书封面AI绘图提示词生成器。将小红书文案自动转化为Nano Banana Pro/Gemini图片生成提示词,输出内嵌API调用的交互式HTML页面。触发条件:用户说"生成小红书封面"、"小红书封面提示词"、"做小红书配图"、"小红书爆款封面"或提供小红书文案并要求生成封面图时使用。

Teams using xiaohongshu-cover-generator should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/xiaohongshu-cover-generator/SKILL.md --create-dirs "https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/main/skills/data-ai/xiaohongshu-cover-generator/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/xiaohongshu-cover-generator/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How xiaohongshu-cover-generator Compares

Feature / Agentxiaohongshu-cover-generatorStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

小红书封面AI绘图提示词生成器。将小红书文案自动转化为Nano Banana Pro/Gemini图片生成提示词,输出内嵌API调用的交互式HTML页面。触发条件:用户说"生成小红书封面"、"小红书封面提示词"、"做小红书配图"、"小红书爆款封面"或提供小红书文案并要求生成封面图时使用。

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# 小红书封面生成器 (XiaoHongShu Cover Generator)

## ⚡️ 静默执行协议 (Silent Execution Protocol)

**必须严格遵守以下规则:**

1. **禁止中断询问**:不要问"是否继续"、"需要更多信息吗"、"您想要哪种风格"
2. **一次性完整输出**:从文案分析到HTML生成,一口气完成全部流程
3. **静默使用默认值**:遇到模糊信息时,使用预设假设自动推断,不询问
4. **唯一阻塞条件**:仅当用户只提供标题而无正文时,输出提醒后暂停

## 输入验证 (Input Validation)

### Gate Check
```
IF 文案仅包含标题(无正文内容):
    OUTPUT: "⚠️ 请提供完整的小红书文案(包含正文),以便生成更精准的封面提示词。"
    STOP
ELSE:
    CONTINUE → 执行完整流程
```

## 预设假设 (Default Assumptions)

| 场景 | 默认处理 |
|------|---------|
| 品类不明确 | 基于关键词自动推断最可能品类 |
| 多个可能品类 | 选择匹配度最高的一个 |
| 画幅比例未指定 | 3:4竖版(小红书标准) |
| 目标受众未指定 | 18-35岁女性用户 |
| 风格基调未指定 | 清新、高级、有质感 |
| 文案过短(<50字) | 基于标题扩展视觉想象 |

## 执行流程 (Workflow)

### Phase 1: 文案分析 (内部处理,不输出)

从用户文案中提取:
- **主题类型**:美妆/穿搭/美食/旅行/家居/知识干货/情感/种草
- **核心卖点**:1-3个关键点
- **情绪定位**:主情绪 + 辅助情绪
- **视觉方向**:风格、主体、配色、构图
- **视觉关键词**:10-15个(风格词/氛围词/元素词/技术词)

### Phase 2: 提示词生成 (内部处理,不输出)

#### 画面类型选择矩阵
| 文案类型 | 推荐画面类型 |
|---------|-------------|
| 种草/测评 | 产品展示型 |
| 穿搭/妆容 | 人物场景型 / 手账贴纸型 |
| 干货/观点 | 纯文字海报型 / 信息图卡片型 |
| 教程/清单 | 信息图卡片型 / 3D信息图型 |
| 旅行/美食 | 氛围意境型 |
| 情感类 | 纯文字海报型 |

#### 必须包含的提示词元素
1. 画幅比例声明(放在最前面)
2. 场景/主体描述(叙事性,非关键词堆砌)
3. 材质/媒介精确描述
4. 风格定义
5. 光线描述
6. 文字设计(字体风格+位置+颜色)
7. 负面提示词
8. 技术参数(镜头/景深)

### Phase 3: 优化与变体生成

生成3个JSON结构化变体:
- **变体A - 风格升级版**:保持核心内容,提升视觉质感
- **变体B - 形式创新版**:改变呈现形式或构图方式
- **变体C - 情绪转换版**:调整整体情绪氛围

### Phase 4: 输出交互式HTML

生成单一HTML文件,内嵌Gemini API调用功能。

## JSON提示词结构模板

```json
{
  "画面规格": {
    "比例": "3:4竖版",
    "分辨率": "高清4K",
    "平台": "小红书"
  },
  "场景描述": {
    "主体": "[具体主体描述]",
    "环境": "[背景环境+材质]",
    "装饰": "[点缀元素]",
    "光线": "[光线效果]",
    "构图": "[构图方式]"
  },
  "风格定义": {
    "整体风格": "[风格名称]",
    "色调": ["主色", "辅色1", "辅色2"],
    "质感": "[质感描述]",
    "氛围": "[氛围关键词]"
  },
  "文字设计": {
    "主标题": {
      "内容": "[6-8字标题]",
      "字体": "[字体风格描述]",
      "位置": "[位置]",
      "颜色": "[颜色值]",
      "大小": "[相对大小]"
    },
    "副标题": {
      "内容": "[10-15字]",
      "字体": "[字体风格]",
      "位置": "[位置]",
      "颜色": "[颜色值]"
    }
  },
  "负面提示": ["模糊", "水印", "乱码", "畸形", "低质量"],
  "技术参数": {
    "镜头": "[镜头/角度]",
    "景深": "[景深效果]"
  }
}
```

## 负面提示词库 (Quick Reference)

| 场景类型 | 负面提示词 |
|---------|-----------|
| 通用 | 模糊, 畸形, 低质量, 水印, 乱码, 拼写错误 |
| 产品摄影 | 卡通, 简单背景, 低对比度 |
| 手绘插画 | 3D, 照片感, 写实, 塑料质感 |
| 人物场景 | 人物变形, 多余肢体, 面部扭曲 |
| 古风场景 | 英文, 罗马字母, 现代字体 |
| 信息图 | 杂乱, 空白过多, 电脑字体 |

## 中文字体风格词汇

| 字体类型 | 描述方式 | 适用场景 |
|---------|---------|---------|
| 圆润黑体 | 圆润的现代无衬线黑体,加粗,类似苹方粗体 | 现代标题、简约风 |
| 行书 | 优美的、略带不完美感的手写书法风格(行楷) | 手写感、温馨氛围 |
| 草书 | 红黑相间、对比鲜明的大号毛笔草书字体 | 艺术海报、情绪表达 |
| 手写体 | 略带倾斜的俏皮手写风格 | 手账、少女风 |
| 隶书 | 雄浑大气的隶书,竖排书写 | 古典标题、传统文化 |

## HTML输出模板

生成的HTML必须包含以下功能模块:

```html
<!-- 结构要求 -->
1. 顶部:标题 + 原文案摘要
2. 左侧面板:
   - Tab切换(变体A/B/C)
   - JSON提示词展示(带语法高亮)
   - 复制按钮
3. 右侧面板:
   - API Key输入框(预填默认值)
   - 生成按钮
   - 图片预览区
   - 下载按钮
4. 底部:折叠式使用说明

<!-- API调用配置 -->
- Model: imagen-3.0-generate-002
- Endpoint: https://generativelanguage.googleapis.com/v1beta/models/imagen-3.0-generate-002:predict
- Default API Key: AIzaSyAKKzGHjI3-weB8TqhyalCJO9JL9CfkpVE
```

## 完整HTML代码模板

读取 `references/html-template.md` 获取完整的HTML模板代码。

## Anti-Patterns (禁止行为)

❌ **禁止**:
```
"请问您希望用什么风格?"
"我需要更多信息才能继续..."
"是否需要我生成变体?"
"您想要我继续生成HTML吗?"
```

✅ **正确**:
```
直接输出完整HTML,包含3个变体,用户可自行切换选择。
```

## 示例执行

**用户输入**:
```
帮我生成小红书封面

标题:学生党平价护肤|百元搞定水乳精华!

正文:
姐妹们!我真的找到了学生党的护肤天花板!
作为一个月生活费1500的大学生...
(完整文案)
```

**Claude执行**:
1. ✅ Gate Check通过(有正文内容)
2. ✅ 自动推断品类:护肤种草
3. ✅ 执行P1分析(内部,不输出)
4. ✅ 执行P2生成(内部,不输出)
5. ✅ 执行P3优化,生成3个JSON变体
6. ✅ 输出完整HTML文件(Artifact)

**输出**:一个完整的交互式HTML页面,用户可直接使用。

Related Skills

orcaflex-model-generator

16
from diegosouzapw/awesome-omni-skill

Generate OrcaFlex models from templates using component assembly with lookup tables for vessels, risers, materials, and environments.

generator

16
from diegosouzapw/awesome-omni-skill

Générateur de Skill - Crée de nouveaux fichiers SKILL.md depuis les définitions YAML d'agents

EchoKit Config Generator

16
from diegosouzapw/awesome-omni-skill

Generate config.toml for EchoKit servers with interactive setup for ASR, TTS, LLM services, MCP servers, API key entry, and server launch

bigconfig-generator

16
from diegosouzapw/awesome-omni-skill

Use this skill when creating or updating Bigeye monitoring configurations (bigconfig.yml files) for BigQuery tables. Works with metadata-manager skill.

ai-image-generator

16
from diegosouzapw/awesome-omni-skill

使用 ModelScope 等平台生成 AI 图像。当用户需要生成图像、设计图标、创建角色立绘,或需要帮助编写 AI 绘画提示词时使用此技能。支持直接生成图像和仅优化提示词两种模式。

thumbnail-generator

16
from diegosouzapw/awesome-omni-skill

Generate prompts for dev.to blog thumbnail/cover images in hand-drawn infographic style. Use when creating cover images, thumbnails, or featured images for blog posts. Recommended size 1000x420 pixels.

seedream-image-generator

16
from diegosouzapw/awesome-omni-skill

Generate images using the Doubao SeeDream API based on text prompts. Use this skill when users request AI-generated images, artwork, illustrations, or visual content creation. The skill handles API calls, downloads generated images to the project's /pic folder, and supports batch generation of up to 4 sequential images.

og-image-generator

16
from diegosouzapw/awesome-omni-skill

Generate and optimize Open Graph meta images for social media sharing. Use this skill when building web applications that need dynamic OG image generation with support for Vercel's @vercel/og library, pre-generated image storage, and social media optimization (Twitter Cards, Facebook, LinkedIn). Handles dynamic routes, performance optimization, and includes best practices for crawler compatibility and testing.

gemini-image-generator

16
from diegosouzapw/awesome-omni-skill

Generate and edit images using Google Gemini. Use when the user asks to generate, create, edit, or modify images.

didactic-content-generator

16
from diegosouzapw/awesome-omni-skill

Gere conteúdo didático de alta qualidade em HTML/CSS com ilustrações SVG, usando um sistema de Temas pré definidos e reutilizáveis. Capaz de criar ou editar apostilas, tutoriais e materiais educacionais que seguem filosofias pedagógicas claras.

article-image-generator

16
from diegosouzapw/awesome-omni-skill

Generates consistent, professional cover images for business/fiscal articles using Ideogram with standardized prompts and naming conventions. Use when creating new articles, updating missing covers, or maintaining visual consistency across the content library.

article-cover

16
from diegosouzapw/awesome-omni-skill

Generate professional article cover images as SVG files. Use when user wants to create cover/banner images for blog posts, technical articles, or documentation. Creates visually appealing covers with titles, diagrams, and tech-themed graphics.