/sketch-image-prompt

name: sketch-image-prompt
description: Transforms article content or summaries into minimalist hand-drawn style JSON prompts for AI image generation tools. Use this skill whenever the user wants to create any kind of visual from text content — including banners, article illustrations, inline diagrams, infographics, or concept visuals. Trigger on requests like "turn this into a visual", "create an image prompt", "make an illustration for this", "generate a diagram from this article", "I need a sketch for this section", or any request combining content analysis with image/visual prompt generation. Always use this skill when the user provides text content and wants an AI-ready image prompt output.
license: MIT
allowed-tools: visualize:show_widget, visualize:read_me
compatibility: Requires visualize tools for color palette widget display. Compatible with Midjourney, Stable Diffusion, and any AI image generation tool that accepts natural language prompts.
metadata:
  version: "1.3.0"
  created: "2026-03-01"
  updated: "2026-05-04"
  author: Boss
  changelog:
    - version: "1.3.0"
      date: "2026-05-04"
      changes: "Hardened layout rules to prevent single-axis compression. Added prominent warning, decision tree, and pre-generation self-check. Demoted linear flow layouts to require ≥4 elements with strong sequence. Template now mandates explicit spatial positioning per element and enforces 'elements distributed across full canvas, NOT a single line' clause."
    - version: "1.2.1"
      date: "2026-05-04"
      changes: "Fully purged mint green tones — removed 嫩草 #F1F8E9 from the palette (visually a pale mint) and fixed the leftover '薄荷绿背景' example in the design summary template. Palette reduced from 14 to 13 backgrounds."
    - version: "1.2.0"
      date: "2026-03-19"
      changes: "Expanded layout system from single linear flow to 5 spatial modes per ratio (linear, satellite, zone, diagonal, quadrant). Added layout selection principles to prevent vertical whitespace waste."
    - version: "1.1.0"
      date: "2026-03-18"
      changes: "Removed mint green preset. Expanded color palette to 14 backgrounds covering tech, business, creative, education, nature, and brand themes."
    - version: "1.0.0"
      date: "2026-03-01"
      changes: "Initial release. Minimalist hand-drawn prompt generator with aspect ratio selection and 5 color presets."

Sketch Image Prompt

将文字内容转化为极简手绘风格图像提示词，供 Midjourney、Stable Diffusion 等 AI 绘图工具直接使用。

工作流程

第一步：询问尺寸比例

用户提供内容后，**必须先询问尺寸比例**，再进行分析：

> "请问这张图的尺寸比例是？ > > 横屏： > - **16:9** — 横向展示 / Twitter / 社交媒体 > - **5:2** — 博客头图 / 宽幅横图 > - **21:9** — 微信公众号封面 / 超宽幅 > - **4:3** — 通用横图 / 演示文稿 > - **1:1** — 方形 / Instagram / 头像配图 > > 竖屏： > - **9:16** — 手机全屏 / Story / 竖版海报 > - **2:5** — 竖版长图 / 手机壁纸 > - **9:21** — 竖版超长图 / 手机长截图 > - **3:4** — 竖版通用图 / 小红书"

第二步：内部分析（不输出给用户）

在脑中完成以下分析，**不要输出这个过程**：

• 提炼核心主题（1个最核心的概念）
• 筛选关键元素（只选 **3-5个**，宁少勿多）
• 识别元素关系（流程 / 对比 / 层级 / 循环 / 并列）
• 判断情感基调 → 推断配色
• 根据比例选择最优布局，**严禁单线挤压构图**——元素必须在水平和垂直两个轴向上都有分布

**配色参考：**

| 主题类型 | 背景色建议 | |---------|-----------| | 技术/开发 | 天空蓝 `#E3F2FD`、浅青 `#E0F7FA`、靛蓝雾 `#E8EAF6` | | 商业/金融 | 暖米色 `#F5E6D3`、桃橙 `#FFDAB9`、琥珀奶 `#FFF3E0` | | 创意/设计 | 薰衣草 `#E6E6FA`、玫瑰雾 `#FFE4E1`、紫罗兰 `#EDE7F6`、樱花粉 `#FCE4EC` | | 教育/知识 | 奶油黄 `#FFF9E3`、黄油 `#FFFDE7` | | 品牌/温暖 | 珊瑚 `#FBE9E7` | | 通用/中性 | 暖米色 `#F5E6D3` |

**布局参考：**

⚠️ **核心铁律：禁止单线挤压**

宽图（16:9 / 5:2 / 21:9 / 4:3）所有元素水平一字排开，或竖图（9:16 / 2:5 / 9:21 / 3:4）所有元素垂直一字堆叠——这两种"单轴布局"会导致：

• 元素被迫缩小（垂直/水平方向只占画布 30%）
• 上下或左右出现大片空白（每边浪费 30-35%）
• 关键图标看不清，表达不清晰

**只要元素 ≤ 4 个，几乎从不应该用纯单轴布局。**正确做法是让元素**同时在两个轴向上分布**——主角放大占据一侧，配角错落分布另一侧的不同高度／宽度位置。

| 比例 | 推荐布局（按填充优先级排序，⭐ 优先选） | 元素上限 | |------|------------|---------| | 16:9 | ⭐ 主角居左放大（占左 1/3 高度近满）+ 配角散布右侧上下两层 / ⭐ 对角线构图（左上→右下，元素错落）/ ⭐ 四象限布局（4 个元素各占一角，标题居中）/ ⭐ 左重右轻分区（大元素占左 1/3，右侧 2/3 分上下）/ 水平流程（**仅当元素 ≥ 4 且强顺序关系**） | 5个 | | 5:2 | ⭐ 主角居左放大 + 右侧分上下两层 / ⭐ 三段错落（每段元素垂直位置不同，避免一条直线） | 5-6个 | | 21:9 | ⭐ 三段分区 + 每段内部上下错位 / ⭐ 辐射构图（中心放射） | 4个 | | 4:3 | ⭐ 主角居中 + 卫星散布四周 / ⭐ 对角线构图 / 左右分区 | 5个 | | 1:1 | ⭐ 居中辐射型 / ⭐ 四象限 / 居中对称 | 4个 | | 9:16 | ⭐ 主角居上放大 + 下方多元素左右并排 / ⭐ 错落堆叠（左右交替偏移，破直线感）/ 垂直分层（**仅当元素 ≥ 4 且强顺序关系**） | 5个 | | 2:5 | ⭐ 错落分层（左右交替偏移） / ⭐ 主角居上 + 下方分组并排 | 5-6个 | | 9:21 | ⭐ 错落分层 + 左右交替偏移 / 分段构图 | 6个 | | 3:4 | ⭐ 主角居上 + 卫星左右下散布 / ⭐ 错落分层 | 5个 |

**布局选择决策树：**

1. 元素只有 **3 个或更少** → **强制使用主角+卫星 / 对角线 / 错落分层**，禁止单轴排列 2. 元素 **4 个以上** + 强顺序关系（步骤 1→2→3→4）→ 才能考虑流程型，但仍优先错落形式 3. 一个明显主角 + 多个配角 → 主角放大居一侧 + 配角散布另一侧不同高度 4. 多个等重元素 → 四象限 / 多区分布 / 对角线 5. 循环关系 → 辐射 / 环形

**自检标准（生成前必须确认）：**

• [ ] 元素是否分布在画布的"上中下"至少两层？（宽图必查）
• [ ] 元素是否分布在画布的"左中右"至少两区？（竖图必查）
• [ ] 是否有任何一个元素位于画布边角（不只是中线）？
• [ ] 主角是否被放大到至少占画布短边的 30% 以上？

**任何一项答 No，重新选布局。**

第三步：输出给用户

**只输出以下两部分，不输出其他任何内容：**

[一行设计摘要：背景色 + 构图类型 + 元素数量，例如：暖米色背景，水平三步流程，3个元素]

[final_prompt 正文]

---

Final Prompt 规范

必须包含的内容

1. **比例参数**（根据工具格式）

• Midjourney：结尾加 `--ar 16:9`（或对应比例）
• 通用描述：开头写 `16:9 horizontal composition` 或 `9:16 vertical composition`
• 默认同时写通用描述 + Midjourney 参数，兼容两种工具

2. **视觉风格**（固定不变）：

• `minimalist hand-drawn illustration`
• `bold marker illustration, chunky brush-pen style`
• `very thick black outlines, heavy stroke weight, bold chunky lines like a childrenΓÇÖs book illustration`

3. **笔触质感**（必须详细描述）：

• `dry brush texture with tiny gaps in ink coverage`
• `organic slightly rough edges`
• `natural line weight variation but always heavy and bold`
• `imperfect circles and slightly wobbly lines`
• `warm handmade feel, NOT perfect vector lines, NOT thin lines — bold chunky strokes only`

4. **配色**：背景色（含色号）+ `black #000000` 主色 + 强调色（如有）

5. **构图与元素**：

• 布局方式 + 每个元素的视觉描述 + 连接方式
• **每个元素必须带显式空间位置**（如 `upper-left`、`center-right`、`bottom-center`、`occupying left 1/3`）
• 必须包含 `elements distributed across full canvas area, occupying both horizontal and vertical space, NOT compressed to a single line`
• 主角元素必须显式放大：`main subject enlarged, taking 30%+ of canvas`

6. **简洁性关键词**：

• `minimalist`, `extremely simple`, `clean`, `uncluttered`
• `