Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete)....
npx skills add BritishCheeseTT/pw-skills --skill "pw-cover-image"
Install specific skill from multi-skill repository
# Description
|
# SKILL.md
name: pw-cover-image
description: |
为文章内容生成精美封面图的专用工具。
核心功能:
- 分析文章内容并自动选择最适合的视觉风格
- 生成手绘风格的高质量封面图片
- 支持 19 种预设风格 (elegant, blueprint, bold-editorial 等)
- 支持多种宽高比 (2.35:1 电影感, 16:9 宽屏, 1:1 方形)
- 自动提取核心主题并生成标题文字
使用时机:
- 用户明确要求 "生成封面图"、"创建文章封面"、"制作封面"
- 用户提供文章内容并需要配图
- 用户需要为博客、公众号、社交媒体制作封面
不适用场景:
- 用户只是询问如何制作封面 (提供建议即可)
- 用户需要编辑现有图片 (使用图片编辑工具)
- 用户需要生成非封面类型的图片 (使用通用图片生成工具)
封面图生成器
为文章生成手绘风格封面图, 支持多种风格选项。
快速开始
最简单的用法:
/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
文档导航:
- 参数说明 → 了解所有可用参数
- 风格画廊 → 查看 19 种预设风格
- 常见问题与错误处理 → 解决使用问题
- 使用建议与最佳实践 → 提高封面质量
- 工作流程 → 了解内部处理步骤
使用方法
# 从 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
[粘贴内容]
参数说明
--style
指定封面的视觉风格。
参数类型: 字符串 (可选)
可选值: 见下方 "风格画廊" 章节的 19 种预设风格
默认行为: 如果不指定, 系统会根据文章内容自动选择最合适的风格
使用示例:
/pw-cover-image article.md --style blueprint # 技术文档使用蓝图风格
/pw-cover-image article.md --style warm # 个人故事使用温暖风格
最佳实践:
- 技术类文章推荐: blueprint, intuition-machine, editorial-infographic
- 产品类文章推荐: bold-editorial, notion, minimal
- 故事类文章推荐: warm, watercolor, fantasy-animation
- 不确定时留空, 让系统自动选择
--aspect
指定封面图片的宽高比。
参数类型: 字符串 (可选)
可选值:
- 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 # 社交媒体
最佳实践:
- 博客文章: 使用 2.35:1 获得更强视觉冲击力
- 视频内容: 使用 16:9 匹配视频平台
- 社交分享: 使用 1:1 确保在各平台显示完整
--lang
指定封面标题文字的语言。
参数类型: 语言代码 (可选)
可选值: en (英文), zh (中文), ja (日文) 等标准语言代码
默认行为:
- 如果文章语言与对话语言一致, 自动使用该语言
- 如果不一致, 会在生成前询问用户选择
使用示例:
/pw-cover-image article.md --lang en # 强制使用英文标题
/pw-cover-image article.md --lang zh # 强制使用中文标题
最佳实践:
- 目标读者是中文用户: 使用 zh
- 国际化内容: 使用 en
- 通常不需要手动指定, 系统会智能判断
--no-title
生成不含标题文字的纯视觉封面。
参数类型: 布尔标志 (可选)
默认行为: 包含标题文字
使用场景:
- 需要后期添加自定义文字
- 纯视觉背景图
- 需要在不同场合使用不同标题
使用示例:
/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
主题命名规则:
1. 从内容中提取主题 (2-4 个词, kebab-case)
2. 示例: "AI 的未来" → ai-future
冲突解决
如果 cover-image/{topic-slug}/ 已存在:
- 追加时间戳: {topic-slug}-YYYYMMDD-HHMMSS
- 示例: ai-future 已存在 → ai-future-20260118-143052
源文件
使用 source-{slug}.{ext} 命名复制所有源文件:
- source-article.md (主要文本内容)
- source-logo.png (对话中的图片)
支持多个源文件: 文本、图片、对话中的文件。
工作流程
流程概览:
1. 分析内容 → 提取主题、语气、关键词
2. 确定选项 → 自动选择或使用指定的风格、宽高比
3. 确认选项 → 一次性确认所有参数 (风格、宽高比、语言)
4. 生成概念 → 创建标题和视觉元素
5. 创建提示词 → 保存到 prompts/cover.md
6. 生成图片 → 调用图片生成服务
7. 输出摘要 → 显示结果和文件位置
用户交互点:
- 仅在步骤 3 需要用户确认 (一次性确认所有选项)
- 如果有多个图片生成服务, 在步骤 6 询问选择
步骤 1: 分析内容
- 保存源内容 (如果还不是文件):
- 如果用户提供文件路径: 直接使用
-
如果用户粘贴内容: 保存到目标目录的
source.md -
提取关键信息:
- 主题: 文章讲什么?
- 核心信息: 关键要点是什么?
- 语气: 严肃、有趣、鼓舞人心、教育性?
-
关键词: 识别风格信号词
-
语言检测:
- 检测内容的源语言
- 检测对话上下文的用户语言
- 注意源语言 ≠ 用户语言 (将在步骤 3 询问)
步骤 2: 确定选项
- 风格选择:
- 如果指定了
--style, 使用该风格 - 否则, 扫描内容的风格信号并自动选择 3 个候选
-
如果没有明确信号, 默认使用
elegant -
宽高比:
- 如果指定了
--aspect, 使用该比例 - 否则, 准备选项: 2.35:1 (电影感), 16:9 (宽屏), 1:1 (社交媒体)
步骤 3: 确认选项
目的: 让用户在生成前一次性确认所有选项。
重要: 使用 AskUserQuestion 在单个确认步骤中呈现所有选项。不要用多个单独的确认打断工作流程。
确定要询问的问题:
| 问题 | 何时询问 |
|---|---|
| 风格 | 总是 (必需) |
| 宽高比 | 总是 (提供常用选项) |
| 语言 | 仅当 源语言 ≠ 用户语言 |
呈现选项 (使用 AskUserQuestion 包含所有适用问题):
问题 1 (风格) - 总是:
- 风格 A (推荐): [风格名称] - [简要说明]
- 风格 B: [风格名称] - [简要说明]
- 风格 C: [风格名称] - [简要说明]
- 自定义: 提供自定义风格参考
问题 2 (宽高比) - 总是:
- 2.35:1 电影感 (推荐) - 超宽、戏剧性
- 16:9 宽屏 - 标准视频/演示
- 1:1 方形 - 社交媒体优化
问题 3 (语言) - 仅当源语言 ≠ 用户语言:
- [源语言] (匹配内容)
- [用户语言] (你的偏好)
语言处理:
- 如果源语言 = 用户语言: 只需告知用户 (例如 "标题将使用中文")
- 如果不同: 询问标题文字使用哪种语言
步骤 4: 生成封面概念
根据选定的风格创建封面图概念:
标题 (如果包含, 最多 8 个字符):
- 将核心信息提炼为有力的标题
- 使用钩子: 数字、问题、对比、痛点
- 如果使用 --no-title 标志则跳过
视觉元素:
- 符合风格的图像和图标
- 1-2 个代表主题的象征性元素
- 符合风格的隐喻或类比
步骤 5: 创建提示词文件
使用确认的选项将提示词保存到 prompts/cover.md。
所有提示词都使用用户确认的语言偏好编写。
提示词格式:
封面主题: [2-3 个词的主题]
风格: [选定的风格名称]
宽高比: [确认的宽高比]
[如果包含标题:]
标题文字: [8 个字符或更少, 使用确认的语言]
副标题: [可选, 使用确认的语言]
视觉构图:
- 主视觉: [匹配风格的描述]
- 布局: [基于标题包含和宽高比的定位]
- 装饰元素: [符合风格的元素]
配色方案:
- 主色: [风格主色]
- 背景: [风格背景色]
- 点缀: [风格点缀色]
风格注释: [要强调的特定风格特征]
[如果无标题:]
注意: 无标题文字, 仅纯视觉插图。
步骤 6: 生成图片
图片生成技能选择:
1. 检查可用的图片生成技能
2. 如果有多个技能可用, 询问用户选择
生成:
使用提示词文件、输出路径和确认的宽高比调用选定的图片生成技能。
步骤 7: 输出摘要
封面图已生成!
主题: [主题]
风格: [风格名称]
宽高比: [宽高比]
标题: [封面标题] (或 "无标题 - 仅视觉")
语言: [确认的语言]
位置: [输出路径]
预览图片以验证是否符合你的期望。
注意事项
- 封面应在小预览尺寸下立即可理解
- 标题 (如果包含) 必须可读且有冲击力
- 视觉隐喻比字面表现效果更好
- 在整个封面中保持风格一致性
- 图片生成通常需要 10-30 秒
- 标题文字使用用户确认的语言偏好
- 宽高比: 2.35:1 用于电影感/戏剧性, 16:9 用于宽屏, 1:1 用于社交媒体
常见问题与错误处理
文件路径问题
问题: 找不到指定的文章文件
原因: 文件路径不正确或文件不存在
解决方案:
- 确保使用绝对路径或相对于当前工作目录的正确路径
- 检查文件扩展名是否正确 (.md, .txt 等)
- 使用 ls 命令验证文件是否存在
示例:
# 错误
/pw-cover-image article.md # 如果不在文件所在目录
# 正确
/pw-cover-image /path/to/article.md
/pw-cover-image ./docs/article.md
内容分析失败
问题: 无法从文章中提取有效主题
原因: 文章内容过短、格式不规范或语言不支持
解决方案:
- 确保文章至少包含 100 字以上的有效内容
- 检查文章是否包含标题、段落等基本结构
- 对于非标准格式, 可以手动指定风格参数
最佳实践:
- 提供完整的文章内容, 而非片段
- 包含标题和主要段落
- 避免纯代码或纯数据内容
风格选择不理想
问题: 自动选择的风格不符合预期
原因: 文章内容特征不明显或包含多种主题
解决方案:
- 使用 --style 参数手动指定风格
- 参考 "自动风格选择" 表格了解匹配规则
- 尝试不同风格并比较效果
示例:
# 如果自动选择不理想, 手动指定
/pw-cover-image article.md --style blueprint
图片生成超时
问题: 图片生成时间过长或失败
原因: 网络问题、图片生成服务繁忙或提示词过于复杂
解决方案:
- 等待 30-60 秒后重试
- 检查网络连接
- 简化内容或使用更简单的风格 (如 minimal)
- 使用 --no-title 减少生成复杂度
标题文字显示问题
问题: 标题文字过长或显示不完整
原因: 自动提取的标题超过 8 个字符限制
解决方案:
- 系统会自动精简标题到 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/ # 第二次生成
使用建议与最佳实践
内容准备
提供完整文章:
- 包含标题、引言、主体段落
- 至少 200-500 字的有效内容
- 清晰的主题和核心观点
优化文章结构:
- 在开头明确核心主题
- 使用清晰的段落划分
- 包含关键词和主题词
风格选择策略
让系统自动选择 (推荐):
- 适用于大多数场景
- 系统会分析内容特征并推荐 3 个候选风格
- 在确认步骤中可以调整
手动指定风格:
- 品牌一致性要求高的场景
- 已知目标风格的情况
- 需要批量生成统一风格的封面
风格测试:
- 不确定时可以生成多个版本对比
- 使用 --no-title 生成纯视觉版本便于复用
宽高比选择
根据发布平台选择:
- 博客/网站头图: 2.35:1 (默认)
- 视频平台 (YouTube, B站): 16:9
- 社交媒体 (微信, 微博, Instagram): 1:1
多平台发布:
- 生成多个宽高比版本
- 使用相同风格保持一致性
示例工作流:
# 为同一文章生成多个版本
/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
质量优化
提高封面质量:
- 提供高质量的文章内容
- 明确核心主题和关键信息
- 选择与内容匹配的风格
标题优化:
- 在文章开头使用有力的标题
- 包含数字、问题或对比
- 避免过长或过于抽象的标题
视觉效果:
- 预览生成的封面
- 在目标尺寸下检查可读性
- 必要时重新生成或调整参数
工作流集成
与其他工具配合:
- 先完成文章写作
- 使用本工具生成封面
- 使用图片编辑工具进行微调 (如需要)
文件管理:
- 输出目录自动按主题组织
- 保留源文件和提示词便于追溯
- 定期清理不需要的版本
性能优化
减少生成时间:
- 使用简单风格 (minimal, elegant)
- 使用 --no-title 减少复杂度
- 避免在网络繁忙时段生成
提高成功率:
- 确保网络连接稳定
- 提供清晰的文章内容
- 使用推荐的参数组合
高级用法
自定义风格
通过 EXTEND.md 文件添加自定义风格配置。
配置路径 (优先级顺序):
1. .pw-skills/pw-cover-image/EXTEND.md (项目级)
2. ~/.pw-skills/pw-cover-image/EXTEND.md (用户级)
使用场景:
- 企业品牌风格
- 特定主题的定制风格
- 覆盖默认风格定义
提示词调试
查看生成的提示词文件了解系统如何理解内容。
位置: cover-image/{topic-slug}/prompts/cover.md
用途:
- 理解风格选择逻辑
- 调试生成问题
- 学习提示词编写
多图片生成服务
如果配置了多个图片生成服务, 系统会询问选择。
选择建议:
- 根据服务质量和速度选择
- 不同服务可能产生不同风格
- 可以尝试多个服务对比效果
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.