🎯

cover-image

🎯Skill

from zlh-428/naruto-skills

VibeIndex|
What it does

Generates hand-drawn style cover images for articles with customizable visual styles, automatically extracting context from Markdown files.

cover-image

Installation

Install skill:
npx skills add https://github.com/zlh-428/naruto-skills --skill cover-image
Stars2
Last UpdatedJan 24, 2026

Skill Details

SKILL.md

Overview

# naruto-skills

naruto 为提升日常工作效率而分享的 Claude Code 技能集。

前置要求

  • 已安装 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