Back to skills
SkillHub ClubWrite Technical DocsDesignerData / AITech Writer

tech-article-image

为技术文章生成高质量主题配图。触发场景:(1)用户要求为文章配图/生成题图/制作封面图 (2)用户上传技术文章并要求生成配图 (3)用户提到"给文章配个图"、"生成主题图"、"做张封面"。核心能力:分析文章主题和情绪,从25种反AI油腻感的风格中匹配最佳选项,生成专业级图像提示词。支持MCP生图工具自动生成,无MCP时输出提示词供手动使用。

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
17
Hot score
87
Updated
March 20, 2026
Overall rating
C1.7
Composite score
1.7
Best-practice grade
C61.1

Install command

npx @skill-hub/cli install zd-ai-lab-tech-article-image
image generationtechnical writingprompt engineeringcontent creationgraphic design

Repository

ZD-AI-Lab/zd-ai-lab-tech-article-image

为技术文章生成高质量主题配图。触发场景:(1)用户要求为文章配图/生成题图/制作封面图 (2)用户上传技术文章并要求生成配图 (3)用户提到"给文章配个图"、"生成主题图"、"做张封面"。核心能力:分析文章主题和情绪,从25种反AI油腻感的风格中匹配最佳选项,生成专业级图像提示词。支持MCP生图工具自动生成,无MCP时输出提示词供手动使用。

Open repository

Best for

Primary workflow: Write Technical Docs.

Technical facets: Designer, Data / AI, Tech Writer, Integration.

Target audience: everyone.

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: ZD-AI-Lab.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install tech-article-image into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://www.skillhub.club/skills/zd-ai-lab-tech-article-image before adding tech-article-image to shared team environments
  • Use tech-article-image for design workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

Original source / Raw SKILL.md

---
name: tech-article-image
description: 为技术文章生成高质量主题配图。触发场景:(1)用户要求为文章配图/生成题图/制作封面图 (2)用户上传技术文章并要求生成配图 (3)用户提到"给文章配个图"、"生成主题图"、"做张封面"。核心能力:分析文章主题和情绪,从25种反AI油腻感的风格中匹配最佳选项,生成专业级图像提示词。支持MCP生图工具自动生成,无MCP时输出提示词供手动使用。
---

# 技术文章配图生成器

为技术类文章生成高质量、有辨识度、无AI塑料感的主题配图。

## 核心原则

**拒绝AI典型病:**
- 禁止:塑料感、光污染、发光大脑、霓虹泛滥、过度渲染
- 追求:物理质感、摄影真实性、特定艺术流派的纯粹性

## 工作流程

### 第一步:分析 → 选风格 → 写提示词

1. **提取核心要素**
   - 文章主题(技术领域、具体产品/概念)
   - 情绪基调(客观分析/人文叙事/硬核深度/未来展望/哲学思考)
   - 视觉意象(文章中可视觉化的核心概念)

2. **匹配风格**
   根据情绪基调选择,详见 [references/styles.md](references/styles.md):
   - 理性与精确 → 瑞士设计、等轴测、专利、绘图仪、ASCII
   - 人文与叙事 → 孔版印刷、科技黑色漫画、达芬奇手稿、拼贴、版画
   - 工业力量 → 粗野主义、点画、X光、平铺、蓝晒
   - 数字原生 → 1-Bit像素、故障艺术、低多边形、合成波、激光雷达
   - 美学与愿景 → 热成像、纸雕、太阳朋克、包豪斯、现代水墨

3. **构建提示词**
   ```
   [风格名称 + 核心视觉特征]. [文章核心意象的具体描述]. [材质/纹理细节]. [色彩方案]. No text, no watermark, no plastic texture, no lens flare.
   ```

4. **输出给用户确认**
   - 推荐风格(中英文名称)
   - 风格简介(1-2句,解释这是什么风格)
   - 选择理由(为什么适合这篇文章)
   - 英文提示词
   - 中文提示词

### 第二步:生成图像

**环境检测与执行:**

#### 情况A:MCP生图工具可用

如果环境中存在 `mcp-image:generate_image` 工具,用户确认后直接调用:

```json
{
  "name": "mcp-image:generate_image",
  "parameters": {
    "prompt": "[英文提示词]",
    "aspectRatio": "16:9",
    "imageSize": "2K",
    "purpose": "Tech article hero image"
  }
}
```

#### 情况B:无MCP生图工具

输出完整提示词(中英双语)+ 提示词结构解释,格式如下:

---

**📷 生成提示词**

**英文版(推荐用于 Midjourney / DALL-E / Stable Diffusion):**
```
[完整英文提示词]
```

**中文版(参考理解):**
```
[中文翻译]
```

**🔍 提示词结构解析:**

| 组成部分 | 内容 | 作用 |
|----------|------|------|
| 风格声明 | [如:Algorithmic plotter art] | 锁定整体视觉语言,避免AI默认的"通用科技风" |
| 核心意象 | [如:neural network topology] | 将文章抽象概念转化为可视觉化的具体画面 |
| 材质/纹理 | [如:fine black ink lines on textured white paper] | 赋予物理质感,消除AI图像的"塑料感" |
| 氛围词 | [如:Mathematical precision, computational beauty] | 微调情绪,引导模型理解画面气质 |
| 负向约束 | [如:No text, no watermark, no plastic texture] | 排除常见AI图像病(光污染、水印、假文字) |

**💡 修改建议:**
- 换风格:替换"风格声明"部分,参考25种风格库
- 换意象:修改"核心意象",贴合你的文章具体内容
- 调氛围:增减"氛围词"改变画面情绪(如加 "dramatic contrast" 增强冲击)

**🛠 生图工具参数建议:**
| 工具 | 推荐设置 |
|------|----------|
| Midjourney | `--ar 16:9 --v 6 --style raw` |
| DALL-E | 横版、HD模式、Natural风格 |
| Stable Diffusion | CFG 7-9, Steps 30+ |

---

> 💡 **提示:** 如需在 Claude 中直接生图,可配置支持图像生成的 MCP 工具。配置后再次使用本skill将自动调用生图,无需手动复制提示词。

---

## 风格速查表

| 情绪 | 推荐风格 | 典型场景 |
|------|----------|----------|
| 战略分析 | 瑞士设计、包豪斯 | 行业趋势、宏观报告 |
| 技术架构 | 等轴测、X光 | 系统设计、深度拆解 |
| 硬件评测 | 专利、平铺、X光 | 芯片分析、供应链 |
| 算法原理 | 绘图仪、现代水墨 | 数学模型、神经网络 |
| 代码/安全 | ASCII、版画 | 极客文化、网络安全 |
| 行业观察 | 孔版印刷、拼贴 | 带温度的分析、冲突 |
| 未来预测 | 科技黑色漫画、合成波 | 自动驾驶、未来城市 |
| 概念创新 | 达芬奇手稿 | 从0到1、原型设计 |
| 基础设施 | 粗野主义、蓝晒 | 数据中心、云计算 |
| 人物特写 | 点画 | CEO专访、商业领袖 |
| 元宇宙/VR | 低多边形、激光雷达 | 空间计算、数字孪生 |
| 系统故障 | 故障艺术 | AI幻觉、Bug分析 |
| 能效/热度 | 热成像 | 散热评测、市场热度 |
| 层级结构 | 纸雕 | 软件栈、数据库 |
| 绿色科技 | 太阳朋克 | 碳中和、可持续 |
| 东方战略 | 现代水墨 | 万物互联、禅意科技 |

## 宽高比选择

| 用途 | 推荐比例 | 说明 |
|------|----------|------|
| 微信公众号封面 | 16:9 | 标准横版 |
| 网站文章题图 | 16:9 或 21:9 | 宽幅更有冲击力 |
| 社交媒体 | 1:1 | Instagram、微博 |
| 竖版/手机 | 9:16 | Stories、手机壁纸 |
| PPT封面 | 16:9 | 演示文稿标准 |

## 详细风格参考

完整的25种风格说明、关键词、适用场景和代表性提示词模板,见 [references/styles.md](references/styles.md)。

---

## 完整示例

**输入:** 一篇关于大模型推理优化的技术文章

**第一步输出:**

> **推荐风格:绘图仪生成艺术 (Algorithmic Plotter Art)**
> 
> **风格简介:** 模拟机械绘图仪用数学公式驱动笔尖绘制的艺术。特点是精密的细线交织、摩尔纹干涉图案、纯粹的黑白墨线在纸上的物理质感。
> 
> **选择理由:** 推理优化本质是数学与算法的极致追求,绘图仪风格的数学美感与摩尔纹视觉完美契合"优化"这一核心概念。
>
> **英文提示词:**
> ```
> Algorithmic plotter art. A generative art piece featuring dense intersecting fine black ink lines forming a neural network topology with flowing optimization gradients, creating geometric moiré interference patterns on textured white paper. Mathematical precision, computational beauty. No text, no watermark, no plastic texture, no lens flare.
> ```
>
> **中文提示词:**
> ```
> 算法绘图仪艺术。一幅生成艺术作品,由密集交叉的精细黑色墨线构成神经网络拓扑结构,流动的优化梯度形成几何摩尔纹干涉图案,绘于有纹理的白纸上。数学的精确,计算的美感。无文字,无水印,无塑料质感,无镜头光晕。
> ```
>
> 确认后我将为您生成图像(或提供详细的生图工具参数)。

**用户确认 → 第二步输出(无MCP时):**

---

**📷 生成提示词**

**英文版:**
```
Algorithmic plotter art. A generative art piece featuring dense intersecting fine black ink lines forming a neural network topology with flowing optimization gradients, creating geometric moiré interference patterns on textured white paper. Mathematical precision, computational beauty. No text, no watermark, no plastic texture, no lens flare.
```

**中文版:**
```
算法绘图仪艺术。一幅生成艺术作品,由密集交叉的精细黑色墨线构成神经网络拓扑结构,流动的优化梯度形成几何摩尔纹干涉图案,绘于有纹理的白纸上。数学的精确,计算的美感。无文字,无水印,无塑料质感,无镜头光晕。
```

**🔍 提示词结构解析:**

| 组成部分 | 本例内容 | 作用 |
|----------|----------|------|
| 风格声明 | Algorithmic plotter art | 锁定"绘图仪生成艺术"视觉语言 |
| 核心意象 | neural network topology with flowing optimization gradients | 将"推理优化"转化为"网络拓扑+梯度流动" |
| 材质/纹理 | fine black ink lines on textured white paper | 墨线+纸张质感,消除数字塑料感 |
| 视觉效果 | geometric moiré interference patterns | 摩尔纹增强数学美感 |
| 氛围词 | Mathematical precision, computational beauty | 强调理性、精确的情绪基调 |
| 负向约束 | No text, no watermark, no plastic texture, no lens flare | 排除AI图像常见问题 |

**💡 修改建议:**
- 如果文章更偏"性能提升",可将意象改为 "accelerating data streams through optimized pathways"
- 如果想要更抽象,删除 "neural network",保留纯粹的线条交织

**🛠 生图工具参数:**
- Midjourney: `--ar 16:9 --v 6 --style raw`
- DALL-E: 横版、HD、Natural风格

---


---

## Referenced Files

> The following files are referenced in this skill and included for context.

### references/styles.md

```markdown
# 25种技术配图风格详细参考

## 📐 第一组:理性与精确 (Rational & Precise)

**视觉特征:** 极简、几何、数据化、蓝图感
**适用情绪:** 客观、严谨、逻辑清晰

### 1. 瑞士国际主义风格 (Swiss International Style)

**关键词:** Grid (网格), Asymmetry (不对称), Geometric (几何), Minimalist (极简)

**适用场景:** 宏观战略分析、行业趋势报告、数据概览、极简主义产品设计

**代表性提示词:**
```
Swiss International Style poster design. A minimalist geometric composition featuring asymmetrical arrangement of [主题色彩] rectangles on a strict grid background. Clean lines, ample negative white space. No text.
```

---

### 2. 等轴测工程线稿 (Isometric Technical Line Art)

**关键词:** Blueprint (蓝图), White lines (白线), Schematic (原理图), Precision (精确)

**适用场景:** 系统架构图、代码逻辑解析、微服务拆解、底层原理说明

**代表性提示词:**
```
Isometric technical line art. A clean white wireframe blueprint of [具体对象] displayed on a deep navy blue background. Non-perspective view, precise engineering lines, no fill.
```

---

### 3. 专利说明书风格 (Vintage Patent Illustration)

**关键词:** Ink drawing (墨线), Cross-hatch (排线), Diagram (图表), Vintage (复古)

**适用场景:** 硬件拆解、黑科技原理、精密机械结构、技术溯源

**代表性提示词:**
```
Vintage patent illustration style. An aged, yellowed paper texture showing a detailed black ink drawing of [具体机械/设备]. Cross-hatch shading, leader lines pointing to parts. Historical diagram aesthetic.
```

---

### 4. 绘图仪生成艺术 (Algorithmic Plotter Art)

**关键词:** Generative (生成艺术), Moiré (摩尔纹), Fine lines (细线), Math (数学)

**适用场景:** 算法逻辑、数学模型、加密技术、复杂性理论

**代表性提示词:**
```
Algorithmic plotter art. A generative art piece featuring a dense, complex pattern of intersecting fine black ink lines forming [抽象概念的几何表达] on white paper. Mathematical beauty.
```

---

### 5. ASCII 字符艺术 (ASCII Art)

**关键词:** Green code (绿码), Terminal (终端), Matrix (矩阵), Abstract (抽象)

**适用场景:** 极客文化、Linux/Unix、网络安全、终端操作、代码审计

**代表性提示词:**
```
ASCII art style. A glowing green CRT monitor screen showing [具体对象] structure formed entirely by dense, abstract blocks of green characters (simulating code texture, illegible). Black background.
```

---

## ✍️ 第二组:人文与叙事 (Narrative & Humanity)

**视觉特征:** 手工感、媒介肌理、温度、艺术瑕疵
**适用情绪:** 温暖、复古、故事性、冲突感

### 6. 孔版印刷风格 (Risograph Print)

**关键词:** Grain (噪点), Halftone (半调), Misalignment (错位), Texture (纹理)

**适用场景:** 行业观察、创客故事、复盘总结、带有温度的社区话题

**代表性提示词:**
```
Risograph print illustration. A textured, grainy print of [具体对象/场景]. Misaligned color layers of bright blue and fluorescent orange ink with visible halftone dot patterns. Rough paper texture.
```

---

### 7. 科技黑色漫画风格 (Tech-Noir Graphic Novel)

**关键词:** Moebius (墨比斯), Ligne Claire (清晰线条), Flat color (平涂), Future (未来)

**适用场景:** 未来预测、自动驾驶路测、黑客攻击、侦探式调查报道

**代表性提示词:**
```
Tech-Noir graphic novel style. A wordless comic panel in the style of Moebius. [场景描述]. Ligne Claire style outline, flat muted colors (sage green, pale yellow).
```

---

### 8. 达芬奇手稿风格 (Da Vinci Sketch)

**关键词:** Sepia (深褐), Pencil (铅笔), Anatomy (解剖), Sketch (素描)

**适用场景:** 初创概念、原型设计、从0到1的思考过程、仿生学

**代表性提示词:**
```
Da Vinci sketch style. A rough, sepia-toned vintage sketchbook page. A charcoal and ink study of [概念的解剖式描绘]. Smudges, eraser marks, unfinished lines.
```

---

### 9. 混合媒介拼贴 (Mixed Media Collage)

**关键词:** Torn paper (撕纸), Cutout (剪贴), Paint stroke (颜料笔触), Conflict (冲突)

**适用场景:** 社会议题、伦理讨论、隐私冲突、复杂的行业乱象

**代表性提示词:**
```
Mixed media collage art. A chaotic composition made of ripped black-and-white photo fragments of [冲突元素], overlaid with torn colored paper shapes and aggressive red acrylic paint strokes. Rough edges.
```

---

### 10. 亚麻油毡版画 (Linocut Print)

**关键词:** Bold black (黑白), Stamp (印章), Rough (粗糙), Foundation (基石)

**适用场景:** 安全防御、基石技术、反垄断、坚不可摧的防火墙

**代表性提示词:**
```
Linocut print style. A high-contrast black ink block print on textured paper. A bold, stylized depiction of [核心意象]. Visible carving gouges and rough ink stamp texture.
```

---

## 🏗️ 第三组:工业力量 (Industrial & Structure)

**视觉特征:** 结构感、厚重材质、透视、物理真实
**适用情绪:** 权威、力量、深度、硬核

### 11. 粗野主义平面风格 (Brutalist Graphic Design)

**关键词:** Concrete (混凝土), Raw (原始), Monolithic (巨构), Heavy (厚重)

**适用场景:** 基础设施建设、算力中心、云计算、宏大的系统工程

**代表性提示词:**
```
Brutalist graphic design photography. Massive, raw concrete architectural forms [与主题相关的几何组合]. Heavy textures, brutal shapes, monolithic structure, monochrome grey tones.
```

---

### 12. 华尔街日报点画风格 (WSJ Stipple Hedcut)

**关键词:** Hedcut (头像画), Dot-work (点画), Engraving (雕刻感), Serious (严肃)

**适用场景:** 商业领袖特写、金融科技、IPO报道、严肃的机构介绍

**代表性提示词:**
```
WSJ Stipple Hedcut style. A serious portrait illustration of [人物描述] created entirely through tiny black ink dots (stippling) on white paper. Engraving aesthetic. High detail.
```

---

### 13. 工业 X 光风格 (Industrial X-Ray)

**关键词:** Transparent (透明), Blue (幽灵蓝), Internal (内部), Structure (结构)

**适用场景:** 硬件评测、深度拆解、去伪存真、看透本质

**代表性提示词:**
```
Industrial X-Ray photography. A transparent blue radiography scan depicting the internal complex components of [具体设备]. Ghostly, internal view.
```

---

### 14. 零件拆解平铺风格 (Component Knolling)

**关键词:** Knolling (平铺), 90-degree (90度排列), Organized (有序), Clean (干净)

**适用场景:** 供应链分析、硬件全家桶、模块化设计、系统组件展示

**代表性提示词:**
```
Component Knolling photography. An overhead shot of disassembled [设备名称] parts neatly arranged at perfect 90-degree angles on a clean white surface. Organized chaos, studio lighting.
```

---

### 15. 蓝晒印相风格 (Cyanotype Sun Print)

**关键词:** Prussian blue (普鲁士蓝), Silhouette (剪影), Chemical (化学感), History (历史)

**适用场景:** 光伏能源、底层技术蓝图、科技史回溯、环保材料

**代表性提示词:**
```
Cyanotype sun print. A deep Prussian blue photographic print showing the white silhouette outline of [具体对象]. Chemical water stains and watercolor paper texture at the edges.
```

---

## 👾 第四组:数字原生 (Digital Native)

**视觉特征:** 像素、屏幕发光、故障艺术、虚拟空间
**适用情绪:** 复古未来、虚拟、速度、不确定性

### 16. 1-Bit 像素艺术 (1-Bit Pixel Art)

**关键词:** Black & White (黑白), Dithering (抖动), Retro UI (复古界面), Macintosh (麦金塔)

**适用场景:** 早期计算历史、操作系统交互、Web3、极简软件界面

**代表性提示词:**
```
1-Bit Pixel Art. A retro black and white pixel art [场景/对象]. Dithering patterns used for shading. Blocky, low-resolution aesthetic resembling an early Macintosh 1984 screen.
```

---

### 17. 故障艺术 (Glitch Art)

**关键词:** Datamosh (数据混流), Pixel sorting (像素排序), Distortion (失真), Error (错误)

**适用场景:** AI幻觉、程序Bug、系统崩溃、数据篡改、不确定性

**代表性提示词:**
```
Glitch art. An abstract digital image showing heavy data corruption of [原始图像概念]. Colorful pixel sorting, datamosh artifacts, melted scan lines, and RGB color separation distortion. Chaos.
```

---

### 18. 低多边形风格 (Low-Poly PS1 Style)

**关键词:** Blocky (块状), Jagged (锯齿), Geometric (几何), Metaverse (元宇宙)

**适用场景:** 元宇宙、VR/AR、游戏引擎技术、模拟环境

**代表性提示词:**
```
Low-Poly PS1 style. A blocky, low-resolution 3D render of [具体对象]. Visible jagged polygon edges, coarse pixelated textures, lack of smooth shading. 90s video game vibe.
```

---

### 19. 复古合成波风格 (Retro Synthwave)

**关键词:** Neon (霓虹), Grid (网格), Sunset (落日), Vector (矢量)

**适用场景:** 算力竞赛、GPU加速、速度感、复古未来主义

**代表性提示词:**
```
Retro Synthwave style. A glowing neon purple grid landscape with [主题元素] leading to a striped sunset on the horizon. Wireframe mountains. Flat vector art style with digital glow.
```

---

### 20. 激光雷达点云风格 (LIDAR Point Cloud)

**关键词:** Void (虚空), Dots (点云), Spatial (空间感), Scan (扫描)

**适用场景:** 自动驾驶视觉、空间计算、数字孪生、城市测绘

**代表性提示词:**
```
LIDAR Point Cloud visualization. A visualization of [场景] in a black void, formed entirely by millions of sparse, colored laser dots creating ghostly shapes.
```

---

## 👁️ 第五组:美学与愿景 (Aesthetic & Vision)

**视觉特征:** 意境、特定质感、东西方哲学、理想主义
**适用情绪:** 宏大、深远、平衡、希望

### 21. 热成像风格 (Thermal Imaging)

**关键词:** Heatmap (热力图), Spectrum (光谱), Infrared (红外), Energy (能量)

**适用场景:** 能效分析、散热技术、活跃度分布、市场热度

**代表性提示词:**
```
Thermal imaging style. A heat-map visualization view of [具体对象/场景]. Gradient color spectrum from dark blue/purple (cold areas) to bright red/white (hot areas). Scientific visualization.
```

---

### 22. 多层纸雕风格 (Layered Papercut)

**关键词:** Layers (层级), Depth (景深), Craft (工艺), Database (数据库)

**适用场景:** 软件层级结构、堆栈、云数据库、虚拟化技术

**代表性提示词:**
```
Layered papercut art. A 3D illustration of [抽象层级概念] made of multiple stacked layers of colored paper. Realistic shadows between layers creating depth.
```

---

### 23. 太阳朋克风格 (Solarpunk)

**关键词:** Greenery (绿植), Glass (玻璃), Nature (自然), Optimistic (乐观)

**适用场景:** 碳中和、绿色科技、可持续发展、智慧城市愿景

**代表性提示词:**
```
Solarpunk illustration. A futuristic [建筑/城市场景] integrating lush greenery, glass solar panels, and wind turbines under bright sunshine. Art Nouveau organic curves. Optimistic mood.
```

---

### 24. 包豪斯风格 (Bauhaus Style)

**关键词:** Primary colors (红黄蓝), Geometric (几何), Balance (平衡), Philosophy (哲学)

**适用场景:** 设计哲学、算法伦理、人机交互、基础科学研究

**代表性提示词:**
```
Bauhaus graphic design style. An abstract geometric composition balancing [用几何形状表达的概念] in primary colors (red square, yellow triangle, blue circle) on a beige background. Minimalist study of form and color.
```

---

### 25. 现代抽象水墨风格 (Modern Ink Wash)

**关键词:** Fluid lines (流动线条), Dots (色点), White space (留白), Zen (禅意)

**适用场景:** 神经网络、东方科技战略、万物互联、云计算

**代表性提示词:**
```
Modern Chinese ink wash painting style (Wu Guanzhong aesthetic). An abstract composition using fluid, splashing black ink brushstrokes and lines representing [网络/连接概念], punctuated by small vibrant red and green dots, on textured rice paper. Generous white space.
```

---

## 通用负向提示词

**始终在最终提示词后附加:**
```
--no text, typography, watermark, signature, neon lights, glowing brains, 3d render, cartoon, plastic texture, lens flare, chromatic aberration, oversaturated colors, stock photo aesthetic
```

## 提示词构建公式

```
[风格全称 + 风格关键词] + [主体对象的具体描述] + [材质/纹理细节] + [色彩/光线] + [情绪/氛围词]
```

**示例:**
```
Vintage patent illustration style (ink drawing, cross-hatch, diagram aesthetic). An aged, yellowed paper showing a detailed black ink drawing of a transformer architecture with attention mechanism layers. Cross-hatch shading for depth, leader lines annotating key components. Historical technical document feel.
```

```

tech-article-image | SkillHub