Tech Article Image

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

25 stars 1 forksImages, Video & Audio

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add ZD-AI-Lab/Tech-Article-Illustration-Master --skill tech-article-image
Manual install
git clone --depth 1 https://github.com/ZD-AI-Lab/Tech-Article-Illustration-Master.git /tmp/Tech-Article-Illustration-Master
mkdir -p ~/.claude/skills
cp -r /tmp/Tech-Article-Illustration-Master/. ~/.claude/skills/tech-article-image

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# 技术文章配图生成器

为技术类文章生成高质量、有辨识度、无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图像的"塑料感" |
Read the full skill on GitHub

Details

Skill name
tech-article-image
Repository
ZD-AI-Lab/Tech-Article-Illustration-Master
License
MIT
Repo updated
21 January 2026

FAQ

What does the Tech Article Image skill do?

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

How do I install the Tech Article Image skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add ZD-AI-Lab/Tech-Article-Illustration-Master --skill tech-article-image. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Tech Article Image popular?

It lives in ZD-AI-Lab/Tech-Article-Illustration-Master, which has 25 GitHub stars and 1 forks.

Related skills

Watch Anything

25

heyuxuan0209/watch-anything

看懂视频与富媒体：X 推文（含推文视频）/ YouTube / B站 / 无字幕视频链接 → 字幕优先或本地/云端语音转写 → 中文卡片解读（卡片：摘要 3 句 + 要点 3-6 条 + 金句中英对照；全稿：讲述脉络按原片结构走完 + 关键案例 + 结构图）→ 基于材料的多轮问答。触发：用户丢 X/YouTube/B站/视频链接并说"解读/看懂/讲了啥/转写一下/值得看吗/这视频说了什么"，或明确说"watch-anything"。read-anything 的姊妹：read 管读文字，watch 管看视频/富媒体。

Images, Video & Audio

Remotion Video Toolkit

25

shreefentsar/remotion-video-toolkit

Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates.

Images, Video & Audio

Tncn

21

tndvnn/tncn

Tư vấn thuế thu nhập cá nhân Việt Nam kỳ tính thuế 2026 (tiền lương, quyết toán, người phụ thuộc, giảm trừ y tế/giáo dục, hộ kinh doanh, freelancer/KOL/seller, sàn TMĐT, bất động sản, chứng khoán, tài sản số, người nước ngoài) theo Luật 109/2025/QH15, Luật 09/2026/QH16, NĐ 253/2026, TT 87/2026, NĐ 252/2026, TT 89/2026, NĐ 68/2026 + NĐ 141/2026, NQ 43/2026/QH16, NĐ 245/2026, TT 95/2026 (Hiệp định thuế). Dùng khi hỏi về thuế TNCN, quyết toán, giảm trừ gia cảnh, thuế hộ kinh doanh, thuế bán hàng online, thuế YouTube/AdSense/MMO/freelancer/Upwork/affiliate/POD nhận tiền từ nước ngoài, rút lợi nhuậ

Images, Video & Audio

Manim Video

23

ApliroAI/manim-video-lab

Create production-quality Manim Community Edition explainer videos, math animations, algorithm visualizations, paper/PDF explainers, data stories, and architecture diagrams. Use when a user asks for 3Blue1Brown-style programmatic animation, Manim scene planning/coding/rendering, Docker-based Manim setup, or troubleshooting Manim renders.

Images, Video & Audio

AI Product Video

24

dlazy-ai/ai-product-video

Create cinematic product videos from shot recipe cards, a validated template, and code/audio assets (Remotion + real page screenshots + 2.5D camera moves + beat-synced cuts + sound design). Use when the user asks to turn a frontend project or webpage into a product video, says "use ai-product-video to make a video/promo", names the Ink Press template or asks to reproduce its effect, or wants a single shot card's motion. 用镜头配方卡 + 已验收模板 + 代码/音频资产制作电影感产品视频（Remotion + 真实页面截图 + 2.5D 运镜 + 节奏卡点 + 声音设计）。当用户要求"用 ai-product-video 做视频/宣传片"、把前端项目/网页做成产品视频、点名 Ink Press 模板或要求复刻模板片效果，或要用镜头卡做单个动效镜头时使用。

Images, Video & Audio

Video Watch

29

CFITCorporation/video-watch-skill

看视频与动图。把视频/GIF/录屏翻译成可核算的图版序列并产出观看交付：ffmpeg 逐帧量测（切点/冻结/运动/像素突变/静音）→ 骨架优先采样（低运动单帧、高运动成组）→ 联络表与位置映射清单 → 画面文字 OCR + 语音 ASR（按需）→ 完整描述 + 部分细节 + 带时间节点的转写。Invoke when 用户要求看视频/看动图/分析录屏/GIF 拆帧/视频里发生了什么/某时刻画面是什么/把视频里的文字或语音转写出来。

Images, Video & Audio

Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.