image-prompt-generator

Original source / Raw SKILL.md

---
name: image-prompt-generator
description: 基于五层拆解法的AI图片提示词生成器。将模糊的创意想法转化为结构严谨、可执行的图像生成规格书，支持多种风格预设和目标工具适配。
version: 2.0.0
license: MIT
acceptLicenseTerms: true
metadata:
  clawdbot:
    emoji: "✏️"
    files: ["app/*"]
---

# Image Prompt Generator - 图片提示词生成器

基于"五层拆解法"，将创意想法转化为专业的 AI 图像生成规格书，并输出可直接使用的多工具提示词。

## 核心功能

### 五层拆解法（画面先行）
0. **画面介绍** → 用自然语言概括画面主题、场景、主体
1. **整体基调** → 风格、氛围
2. **质感材质** → 介质感、工艺、肌理
3. **笔触细节** → 线条、色彩分布逻辑
4. **构图规则** → 版式、布局、视觉动线
5. **文字系统**（按需） → 仅在画面含文字时输出

### 目标工具适配
- **Midjourney** — 结构化关键词 + 参数（--ar, --s, --v 等）
- **DALL-E** — 纯自然语言描述
- **Stable Diffusion** — 正向/反向提示词分离

### 风格预设
- 🖍️ 童趣涂鸦 - 儿童手绘涂鸦风格，彩色铅笔质感
- 📐 极简现代 - 极简主义，现代设计感，大量留白
- 🎞️ 复古胶片 - 复古胶片风格，1970s色调，颗粒感
- 🌸 日系插画 - 日系小清新插画，柔和色彩，扁平风
- ⚙️ 赛博朋克 - 赛博朋克风格，霓虹色彩，科技感
- 📚 学术信息图 - 专业信息图，学术风格，数据可视化

## 使用方法

### 方式1：快速生成
```
用户: 生成图片提示词：一张介绍深度学习的信息图，面向初学者
系统: 基于五层拆解法生成完整的提示词规格书
```

### 方式2：选择风格预设
```
用户: 用童趣涂鸦风格生成：一只可爱的小猫在看书
系统: 生成带有彩色铅笔质感的儿童风格提示词
```

### 方式3：自定义详细描述
```
用户: 生成提示词：[详细描述需求]
系统: 根据描述智能分析并生成五层规格书
```

## 输出格式

生成的提示词包含以下模块：

```markdown
# 🎨 图片提示词

## 画面介绍
[2-3句自然语言描述画面整体]

## 整体基调
- 风格：[具体风格]
- 氛围：[情绪词]

## 质感材质
- 介质感：[描述]

## 笔触细节
- 线条：[特征]
- 色彩：[主色调、辅助色、点缀色]

## 构图规则
- 版式：[比例]
- 布局：[分布逻辑、视觉动线]

## 文字系统（仅在画面含文字时输出）
- 字体感：[风格]
- 层级：[视觉差异]

## 参照物
- 风格参照：[具体参照 + 参照理由]
- 反向排除：[不想要的风格]

---

## 💡 可执行提示词

**通用中文提示词：**
[完整中文描述，适用于国产AI绘图工具]

**Midjourney：**
[结构化英文关键词 + 参数]

**DALL-E：**
[纯自然语言英文描述]

**Stable Diffusion：**
prompt: [正向提示词]
negative prompt: [反向提示词]
```

## 技术实现

### 前端界面
- React 单页应用
- 支持风格预设快速选择
- 目标生成工具选择（Midjourney / DALL-E / SD / 全部）
- 实时字数统计
- Markdown 渲染结果
- 一键复制功能

### AI 模型
- 通过 OpenClaw Gateway 本地端点调用（`/v1/chat/completions`）
- 使用 OpenClaw 配置的默认模型，无需额外配置 API 密钥
- SYSTEM_PROMPT 包含完整的五层拆解法方法论
- 自动将模糊需求转化为具体视觉规格

## 触发指令

| 指令 | 说明 |
|------|------|
| `生成图片提示词` | 基础触发指令 |
| `图片提示词` | 简写形式 |
| `生成提示词` | 通用形式 |
| `用[风格]风格生成` | 带风格预设 |

## 文件位置

- **技能目录**: `skills/image-prompt-generator/`
- **前端代码**: `skills/image-prompt-generator/app/`
- **入口文件**: `skills/image-prompt-generator/app/App.jsx`

## 使用示例

**示例 1：信息图**
```
输入：一张介绍「光合作用原理」的信息图，面向中学生，风格清新易懂
输出：五层拆解法生成的完整提示词，包含日系插画风格、柔和色彩、扁平化设计等
```

**示例 2：插画**
```
输入：用赛博朋克风格生成：未来城市的夜景
输出：霓虹色彩、科技感、暗黑背景的详细规格书
```

**示例 3：儿童内容**
```
输入：用童趣涂鸦风格生成：小动物们在森林里开派对
输出：彩色铅笔质感、活泼热闹、手绘风格的提示词
```

## 注意事项

1. **描述越详细，生成越精准** - 提供目标受众、使用场景、情绪基调等信息
2. **善用风格预设** - 快速锁定整体方向，再微调细节
3. **选择目标工具** - 不同工具的提示词语法差异很大，选对工具获得最佳结果
4. **参照物很重要** - 可以提供喜欢的风格参考或不想要的风格排除

## 可执行提示词使用

生成结果中的"可执行提示词"根据目标工具输出对应格式：
- **Midjourney** — 直接复制到 /imagine 命令
- **DALL-E** — 直接粘贴到 ChatGPT 或 DALL-E API
- **Stable Diffusion** — 分别复制 prompt 和 negative prompt

## External Endpoints

| 端点 | 说明 | 发送的数据 |
|------|------|-----------|
| `http://127.0.0.1:18789/v1/chat/completions` | OpenClaw Gateway 本地端点 | 用户输入的图片描述需求 + 系统提示词 |

所有请求仅发往本地 OpenClaw Gateway，不直接连接任何外部 API。实际的模型调用由 Gateway 根据你的 `openclaw.json` 配置路由。

## Security & Privacy

- 所有 AI 模型调用通过本地 OpenClaw Gateway 中转，不直接暴露 API 密钥
- 用户输入的图片描述会作为 prompt 发送给 Gateway 配置的模型
- 不存储任何用户数据，所有处理在本地完成
- 无持久化操作，无文件写入，无后台进程

## Trust Statement

本技能通过 OpenClaw Gateway 调用 AI 模型生成图片提示词。你的输入内容会发送到 Gateway 配置的模型提供商（取决于你的 `openclaw.json` 配置）。请确保你信任所配置的模型提供商后再使用。


---

## Skill Companion Files

> Additional files collected from the skill directory layout.

### README.md

```markdown
# 图片提示词生成器

基于「五层拆解法」的 AI 图像提示词生成工具，将模糊的创意想法转化为结构严谨、可执行的图像生成提示词。

## 安装

```bash
clawhub install image-prompt-generator
```

或手动安装：将整个文件夹复制到 `~/.openclaw/skills/image-prompt-generator/`。

## 功能特性

- **五层拆解法**：画面介绍 → 整体基调 → 质感材质 → 笔触细节 → 构图规则，系统化拆解创意需求
- **6 种风格预设**：童趣涂鸦、极简现代、复古胶片、日系插画、赛博朋克、学术信息图，一键切换
- **多工具输出**：支持同时生成 Midjourney、DALL-E、Stable Diffusion 及通用中文格式的提示词
- **Markdown 渲染**：生成结果以结构化排版呈现，支持一键复制

## 项目结构

```
image-prompt-generator/
├── SKILL.md       # 技能说明（ClawHub 必需）
├── claw.json      # ClawHub 清单文件
├── README.md      # 项目文档
└── app/
    ├── App.jsx    # 主应用组件（UI + 业务逻辑）
    └── config.js  # API 配置（Gateway 端点、模型参数）
```

## 配置说明

API 相关配置集中在 `app/config.js` 中：

```js
const API_CONFIG = {
  baseURL: "http://127.0.0.1:18789/v1/chat/completions",  // OpenClaw Gateway 端点
  model: "openclaw",                                        // 使用 OpenClaw 配置的模型
  maxTokens: 4096,                                           // 最大输出 token 数
};
```

默认通过 OpenClaw Gateway 调用模型，无需手动配置 API 密钥。Gateway 会自动路由到你在 `openclaw.json` 中配置的模型。

## 使用方式

1. 选择一个**风格预设**（可选），或直接在输入框描述想要的图片内容
2. 选择**目标生成工具**（全部 / Midjourney / DALL-E / Stable Diffusion）
3. 点击「生成提示词」，等待 AI 返回结构化的提示词规格书
4. 点击「复制全文」将结果复制到剪贴板，粘贴到对应的 AI 绘图工具中使用

## 前置条件

- OpenClaw 已安装并运行
- Gateway 已启用 chat completions 端点：
  ```json5
  { gateway: { http: { endpoints: { chatCompletions: { enabled: true } } } } }
  ```

## 技术栈

- React（JSX）
- OpenClaw Gateway（OpenAI-compatible API）

```

### _meta.json

```json
{
  "owner": "349840432m-dev",
  "slug": "image-prompt-generator",
  "displayName": "图片提示词生成",
  "latest": {
    "version": "1.0.0",
    "publishedAt": 1773206570255,
    "commit": "https://github.com/openclaw/skills/commit/001fa77e28752baf6af640a76d42001dc8526b24"
  },
  "history": []
}

```