image-prompt-generator

# 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 单页应用
- 支持风格...

# 图片提示词生成器

基于「五层拆解法」的 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）