naruto-skills

naruto-skills

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

前置要求

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

安装

快速安装（推荐）

npx skills add zlh-428/naruto-skills

注册插件市场

在 Claude Code 中运行：

/plugin marketplace add zlh-428/naruto-skills

可用插件

插件	说明	包含技能
content-skills	内容生成和发布	cover-image, comic, infographic, article-illustrator
ai-generation-skills	AI 图像生成	image-gen
utility-skills	内容处理工具	url-to-markdown
dev-skills	开发工作流和工具	smart-git-commit

可用技能

内容生成与发布

cover-image

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

# 从 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 漫画指南)。创建原创教育漫画，包含详细分镜和顺序图像生成。

# 从源材料生成
/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 种视觉样式。分析内容，推荐布局×样式组合，生成可直接发布的信息图表。

# 基于内容自动推荐组合
/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 <name>	信息布局 (20 种)
--style <name>	视觉样式 (17 种，默认: craft-handmade)
--aspect <ratio>	横屏 (16:9), 竖屏 (9:16), 方形 (1:1)
--lang <code>	输出语言 (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	头脑风暴，想法映射
nested-circles	影响范围，层级
priority-quadrants	艾森豪威尔矩阵，2x2
pyramid	层级，马斯洛需求
scale-balance	利弊权衡
timeline-horizontal	历史，年代事件
tree-hierarchy	组织图表，分类
venn	重叠概念

样式 (视觉美学):

样式	描述
craft-handmade (默认)	手绘插画，纸艺美学
claymation	3D 黏土人物，趣味定格动画
kawaii	日本可爱，大眼睛，粉彩
storybook-watercolor	柔和水彩插画，异想天开
chalkboard	彩色粉笔在黑板上
cyberpunk-neon	霓虹灯光在暗色上，未来感
bold-graphic	漫画风格，网点，高对比
aged-academia	复古科学，棕褐色素描
corporate-memphis	平面向量人物，活力填充
technical-schematic	蓝图，等轴 3D，工程
origami	折叠纸形式，几何
pixel-art	复古 8-bit，怀旧游戏
ui-wireframe	灰度框线，界面模型
subway-map	交通图，彩色线条
ikea-manual	极简线条艺术，装配风格
knolling	整理平铺，俯视
lego-brick	乐高积木构建，趣味

article-illustrator

智能文章配图工具。分析文章内容，在需要视觉辅助的位置生成插图。

# 基于内容自动选择样式
/article-illustrator path/to/article.md