article-illustrator

• 已安装 Node.js 环境
• 能够运行 npx bun 命令

快速安装（推荐）

```bash

npx skills add zlh-428/naruto-skills

```

注册插件市场

在 Claude Code 中运行：

```bash

/plugin marketplace add zlh-428/naruto-skills

```

可用插件

| 插件 | 说明 | 包含技能 |

|------|------|----------|

| content-skills | 内容生成和发布 | [cover-image](#cover-image), [comic](#comic), [infographic](#infographic), [article-illustrator](#article-illustrator) |

| ai-generation-skills | AI 图像生成 | [image-gen](#image-gen) |

| utility-skills | 内容处理工具 | [url-to-markdown](#url-to-markdown) |

| dev-skills | 开发工作流和工具 | [smart-git-commit](#smart-git-commit) |

内容生成与发布

#### cover-image

为文章生成手绘风格封面图，支持多种样式。

```bash

# 从 Markdown 文件自动选择样式

/cover-image path/to/article.md

# 指定样式

/cover-image path/to/article.md --style tech

/cover-image path/to/article.md --style warm

# 不显示标题文字

/cover-image path/to/article.md --no-title

```

可用样式: elegant (默认), blueprint, bold-editorial, chalkboard, dark-atmospheric, editorial-infographic, fantasy-animation, flat-doodle, intuition-machine, minimal, nature, notion, pixel-art, playful, retro, sketch-notes, vector-illustration, vintage, warm, watercolor

#### comic

知识漫画创作工具，支持多种风格 (Logicomix/Ohmsha 漫画指南)。创建原创教育漫画，包含详细分镜和顺序图像生成。

```bash

# 从源材料生成

/comic posts/turing-story/source.md

# 指定样式

/comic posts/turing-story/source.md --style dramatic

/comic posts/turing-story/source.md --style ohmsha

# 自定义样式 (自然语言)

/comic posts/turing-story/source.md --style "watercolor with soft edges"

# 指定布局和比例

/comic posts/turing-story/source.md --layout cinematic

/comic posts/turing-story/source.md --aspect 16:9

# 指定语言

/comic posts/turing-story/source.md --lang zh

```

选项:

| 选项 | 值 |

|------|-----|

| --style | classic (默认), dramatic, warm, sepia, vibrant, ohmsha, realistic, wuxia, shoujo, 或自定义描述 |

| --layout | standard (默认), cinematic, dense, splash, mixed, webtoon |

| --aspect | 3:4 (默认竖屏), 4:3 (横屏), 16:9 (宽屏) |

| --lang | auto (默认), zh, en, ja 等 |

样式 (视觉美学):

| 样式 | 描述 | 适用场景 |

|------|------|----------|

| classic (默认) | 传统 Ligne Claire 风格，均匀轮廓线，平涂色彩，精细背景 | 传记，平衡叙事，教育内容 |

| dramatic | 高对比度重阴影，强烈表情，角度构图 | 关键发现，冲突，高潮场景 |

| warm | 柔和边缘，金色调，舒适内饰，怀旧感 | 个人故事，童年场景，指导 |

| sepia | 复古插画风格，旧纸效果，时代细节 | 1950年前故事，古典科学，历史人物 |

| vibrant | 活力线条，重量变化，明亮色彩，动感姿势 | 科学解释，"顿悟"时刻，年轻观众 |

| ohmsha | 漫画指南风格，视觉隐喻 gadgets，师生互动 | 技术教程，复杂概念 (ML, 物理) |

| realistic | 全彩写实漫画，数字绘画，平滑渐变，准确比例 | 红酒，餐饮，商业，生活，专业话题 |

| wuxia | 香港武侠风格，墨水笔触，动态战斗，气效果 | 武侠，武侠/仙侠，中国历史小说 |

| shoujo | 经典少女漫画，大闪亮眼睛，花朵，闪光，柔和粉紫色调 | 浪漫，成长，友谊，情感戏剧 |

布局 (面板排列):

| 布局 | 每页面板数 | 适用场景 |

|------|-----------|----------|

| standard | 4-6 | 对话，叙事流畅 |

| cinematic | 2-4 | 戏剧性时刻，定场镜头 |

| dense | 6-9 | 技术解释，时间线 |

| splash | 1-2 大图 | 关键时刻，揭示 |

| mixed | 3-7 变化 | 复杂叙事，情感弧线 |

| webtoon | 3-5 垂直 | Ohmsha 教程，手机阅读 |

#### infographic

专业信息图表生成工具，提供 20 种布局类型和 17 种视觉样式。分析内容，推荐布局×样式组合，生成可直接发布的信息图表。

```bash

# 基于内容自动推荐组合

/infographic path/to/content.md

# 指定布局

/infographic path/to/content.md --layout pyramid

# 指定样式 (默认: craft-handmade)

/infographic path/to/content.md --style technical-schematic

# 同时指定

/infographic path/to/content.md --layout funnel --style corporate-memphis

# 指定比例

/infographic path/to/content.md --aspect portrait

```

选项:

| 选项 | 描述 |

|------|------|

| --layout | 信息布局 (20 种) |

| --style | 视觉样式 (17 种，默认: craft-handmade) |

| --aspect | 横屏 (16:9), 竖屏 (9:16), 方形 (1:1) |

| --lang | 输出语言 (en, zh, ja 等) |

布局 (信息结构):

| 布局 | 适用场景 |

|------|----------|

| bridge | 问题-解决方案，差距跨越 |

| circular-flow | 循环，重复过程 |

| comparison-table | 多因素比较 |

| do-dont | 正确 vs 错误做法 |

| equation | 公式分解，输入输出 |

| feature-list | 产品功能，项目符号 |

| fishbone | 根本原因分析 |

| funnel | 转化过程，过滤 |

| grid-cards | 多主题，概览 |

| iceberg | 表面 vs 隐藏方面 |

| journey-path | 客户旅程，里程碑 |

| layers-stack | 技术栈，层次 |

| `mind-map