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.
Install command
npx @skill-hub/cli install zd-ai-lab-tech-article-image
Repository
为技术文章生成高质量主题配图。触发场景:(1)用户要求为文章配图/生成题图/制作封面图 (2)用户上传技术文章并要求生成配图 (3)用户提到"给文章配个图"、"生成主题图"、"做张封面"。核心能力:分析文章主题和情绪,从25种反AI油腻感的风格中匹配最佳选项,生成专业级图像提示词。支持MCP生图工具自动生成,无MCP时输出提示词供手动使用。
Open repositoryBest 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
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.
```
```