为文章内容生成精美封面图的专用工具。
核心功能:
使用时机:
为文章生成手绘风格封面图, 支持多种风格选项。
最简单的用法:
/pw-cover-image path/to/article.md
系统会自动分析内容、选择风格、生成封面。
常用场景:
# 技术文章
/pw-cover-image article.md --style blueprint
# 社交媒体方形封面
/pw-cover-image article.md --aspect 1:1
# 纯视觉背景 (无标题)
/pw-cover-image article.md --no-title
# 视频封面
/pw-cover-image article.md --aspect 16:9 --style bold-editorial
文档导航:
# 从 markdown 文件生成 (根据内容自动选择风格)
/pw-cover-image path/to/article.md
# 指定风格
/pw-cover-image path/to/article.md --style blueprint
/pw-cover-image path/to/article.md --style warm
/pw-cover-image path/to/article.md --style dark-atmospheric
# 不包含标题文字
/pw-cover-image path/to/article.md --no-title
# 组合选项
/pw-cover-image path/to/article.md --style minimal --no-title
# 从直接输入的文本生成
/pw-cover-image
[粘贴内容或描述主题]
# 直接输入并指定风格
/pw-cover-image --style playful
[粘贴内容]
指定封面的视觉风格。
参数类型: 字符串 (可选)
可选值: 见下方 "风格画廊" 章节的 19 种预设风格
默认行为: 如果不指定, 系统会根据文章内容自动选择最合适的风格
使用示例:
/pw-cover-image article.md --style blueprint # 技术文档使用蓝图风格
/pw-cover-image article.md --style warm # 个人故事使用温暖风格
最佳实践:
指定封面图片的宽高比。
参数类型: 字符串 (可选)
可选值:
2.35:1 - 电影感超宽屏 (默认), 适合博客头图、横幅16:9 - 标准宽屏, 适合视频封面、演示文稿1:1 - 方形, 适合社交媒体 (微信、微博、Instagram)默认值: 2.35:1
使用示例:
/pw-cover-image article.md --aspect 16:9 # 视频封面
/pw-cover-image article.md --aspect 1:1 # 社交媒体
最佳实践:
指定封面标题文字的语言。
参数类型: 语言代码 (可选)
可选值: en (英文), zh (中文), ja (日文) 等标准语言代码
默认行为:
使用示例:
/pw-cover-image article.md --lang en # 强制使用英文标题
/pw-cover-image article.md --lang zh # 强制使用中文标题
最佳实践:
生成不含标题文字的纯视觉封面。
参数类型: 布尔标志 (可选)
默认行为: 包含标题文字
使用场景:
使用示例:
/pw-cover-image article.md --no-title
/pw-cover-image article.md --style minimal --no-title
注意事项:
| 风格 | 说明 |
|---|---|
elegant (默认) |
精致、优雅、低调 |
blueprint |
技术图纸、工程精度 |
bold-editorial |
杂志封面冲击力、戏剧性排版 |
chalkboard |
黑色黑板、彩色粉笔绘画 |
dark-atmospheric |
电影感暗色模式、发光点缀 |
editorial-infographic |
杂志解说、视觉叙事 |
fantasy-animation |
吉卜力/迪士尼风格、奇幻魅力 |
intuition-machine |
技术简报、双语标签 |
minimal |
超简洁、禅意、专注 |
nature |
有机、平静、自然 |
notion |
简洁 SaaS 仪表板、生产力风格 |
pixel-art |
复古 8 位、怀旧游戏美学 |
playful |
有趣、创意、异想天开 |
retro |
半色调点、复古徽章、经典 |
sketch-notes |
手绘、教育性、温暖 |
vector-illustration |
扁平矢量、黑色轮廓、复古色彩 |
vintage |
陈旧纸张、历史感、探险风格 |
warm |
友好、亲切、以人为本 |
watercolor |
柔和手绘、自然温暖 |
详细风格定义: references/styles/<style>.md
当未指定 --style 时, 系统会分析内容选择最佳风格:
| 内容特征 | 选择的风格 |
|---|---|
| 架构、系统设计、工程 | blueprint |
| 产品发布、主题演讲、营销、品牌 | bold-editorial |
| 教育、课堂、教程、教学 | chalkboard |
| 娱乐、创意、高端、电影感 | dark-atmospheric |
| 技术解说、科学、研究 | editorial-infographic |
| 故事讲述、儿童、奇幻、魔法 | fantasy-animation |
| 技术文档、学术、双语 | intuition-machine |
| 个人故事、情感、成长、生活 | warm |
| 简单、禅意、专注、本质 | minimal |
| 有趣、简单、初学者、休闲 | playful |
| 自然、环保、健康、有机 | nature |
| 流行文化、80/90 年代怀旧、徽章 | retro |
| 产品、SaaS、仪表板、生产力 | notion |
| 游戏、复古科技、开发者、8 位 | pixel-art |
| 教育、教程、知识分享 | sketch-notes |
| 创意提案、品牌、玩具风格 | vector-illustration |
| 历史、探索、遗产、传记 | vintage |
| 生活方式、旅行、美食、个人 | watercolor |
| 商业、专业、策略、分析 | elegant |
每个会话创建一个以内容主题命名的独立目录:
cover-image/{topic-slug}/
├── source-{slug}.{ext} # 源文件 (文本、图片等)
├── prompts/
│ └── cover.md
└── cover.png
主题命名规则:
ai-future如果 cover-image/{topic-slug}/ 已存在:
{topic-slug}-YYYYMMDD-HHMMSSai-future 已存在 → ai-future-20260118-143052使用 source-{slug}.{ext} 命名复制所有源文件:
source-article.md (主要文本内容)source-logo.png (对话中的图片)支持多个源文件: 文本、图片、对话中的文件。
流程概览:
用户交互点:
保存源内容 (如果还不是文件):
source.md提取关键信息:
语言检测:
风格选择:
--style, 使用该风格elegant宽高比:
--aspect, 使用该比例目的: 让用户在生成前一次性确认所有选项。
重要: 使用 AskUserQuestion 在单个确认步骤中呈现所有选项。不要用多个单独的确认打断工作流程。
确定要询问的问题:
| 问题 | 何时询问 |
|---|---|
| 风格 | 总是 (必需) |
| 宽高比 | 总是 (提供常用选项) |
| 语言 | 仅当 源语言 ≠ 用户语言 |
呈现选项 (使用 AskUserQuestion 包含所有适用问题):
问题 1 (风格) - 总是:
问题 2 (宽高比) - 总是:
问题 3 (语言) - 仅当源语言 ≠ 用户语言:
语言处理:
根据选定的风格创建封面图概念:
标题 (如果包含, 最多 8 个字符):
--no-title 标志则跳过视觉元素:
使用确认的选项将提示词保存到 prompts/cover.md。
所有提示词都使用用户确认的语言偏好编写。
提示词格式:
封面主题: [2-3 个词的主题]
风格: [选定的风格名称]
宽高比: [确认的宽高比]
[如果包含标题:]
标题文字: [8 个字符或更少, 使用确认的语言]
副标题: [可选, 使用确认的语言]
视觉构图:
- 主视觉: [匹配风格的描述]
- 布局: [基于标题包含和宽高比的定位]
- 装饰元素: [符合风格的元素]
配色方案:
- 主色: [风格主色]
- 背景: [风格背景色]
- 点缀: [风格点缀色]
风格注释: [要强调的特定风格特征]
[如果无标题:]
注意: 无标题文字, 仅纯视觉插图。
图片生成技能选择:
生成: 使用提示词文件、输出路径和确认的宽高比调用选定的图片生成技能。
封面图已生成!
主题: [主题]
风格: [风格名称]
宽高比: [宽高比]
标题: [封面标题] (或 "无标题 - 仅视觉")
语言: [确认的语言]
位置: [输出路径]
预览图片以验证是否符合你的期望。
问题: 找不到指定的文章文件
原因: 文件路径不正确或文件不存在
解决方案:
ls 命令验证文件是否存在示例:
# 错误
/pw-cover-image article.md # 如果不在文件所在目录
# 正确
/pw-cover-image /path/to/article.md
/pw-cover-image ./docs/article.md
问题: 无法从文章中提取有效主题
原因: 文章内容过短、格式不规范或语言不支持
解决方案:
最佳实践:
问题: 自动选择的风格不符合预期
原因: 文章内容特征不明显或包含多种主题
解决方案:
--style 参数手动指定风格示例:
# 如果自动选择不理想, 手动指定
/pw-cover-image article.md --style blueprint
问题: 图片生成时间过长或失败
原因: 网络问题、图片生成服务繁忙或提示词过于复杂
解决方案:
--no-title 减少生成复杂度问题: 标题文字过长或显示不完整
原因: 自动提取的标题超过 8 个字符限制
解决方案:
--no-title 后期手动添加问题: 标题语言与预期不符
原因: 文章包含多种语言或语言检测不准确
解决方案:
--lang 参数明确指定语言示例:
/pw-cover-image article.md --lang zh # 强制中文标题
问题: 输出目录已存在, 担心覆盖之前的文件
原因: 相同主题的封面已生成过
解决方案:
{topic-slug}-YYYYMMDD-HHMMSS示例:
cover-image/ai-future/ # 第一次生成
cover-image/ai-future-20260123-143052/ # 第二次生成
提供完整文章:
优化文章结构:
让系统自动选择 (推荐):
手动指定风格:
风格测试:
--no-title 生成纯视觉版本便于复用根据发布平台选择:
多平台发布:
示例工作流:
# 为同一文章生成多个版本
/pw-cover-image article.md --aspect 2.35:1 # 博客版
/pw-cover-image article.md --aspect 16:9 # 视频版
/pw-cover-image article.md --aspect 1:1 # 社交版
系列文章:
--style 保持视觉一致性示例:
/pw-cover-image article-1.md --style blueprint
/pw-cover-image article-2.md --style blueprint
/pw-cover-image article-3.md --style blueprint
提高封面质量:
标题优化:
视觉效果:
与其他工具配合:
文件管理:
减少生成时间:
--no-title 减少复杂度提高成功率:
通过 EXTEND.md 文件添加自定义风格配置。
配置路径 (优先级顺序):
.pw-skills/pw-cover-image/EXTEND.md (项目级)~/.pw-skills/pw-cover-image/EXTEND.md (用户级)使用场景:
查看生成的提示词文件了解系统如何理解内容。
位置: cover-image/{topic-slug}/prompts/cover.md
用途:
如果配置了多个图片生成服务, 系统会询问选择。
选择建议: