Agent skill
markdown-to-image
将 Markdown 内容转换为精美的图片海报。特别适合将播客摘要、文章内容转为社交媒体分享图片。固定 3:4 比例,支持 YouTube 视频封面作为头图。触发词:「转图片」「Markdown 转图片」「生成海报」「生成分享图」「把这个转成图片」。
Install this agent skill to your Project
npx add-skill https://github.com/zephyrwang6/myskill/tree/main/markdown-to-image
SKILL.md
Markdown 转精美图片
将 Markdown 内容渲染为精美的分享海报图片,适合微信、小红书、微博等平台。
核心特性
- 固定 3:4 比例(1080×1440 像素)
- 自动分页 - 内容较多时生成多张图片
- 智能 SVG 头图 - 根据主题关键词自动生成相应风格的手绘线条图
- 智能标题 - 自动提取嘉宾名和主题,格式为「嘉宾:主题」
- 白色背景 + 大字体 - 清晰易读,专业排版
- 自适应布局 - 内容均匀分布,减少留白
- 宽字间距行间距 - 参考优秀海报排版
快速开始
基本用法
# 转换 Markdown 文件为图片(自动分页)
python3 scripts/md_to_image.py --file /path/to/content.md
# 指定输出目录
python3 scripts/md_to_image.py --file /path/to/content.md --output-dir /path/to/output
# 调整每页条目数
python3 scripts/md_to_image.py --file /path/to/content.md --items-per-page 4
参数说明
| 参数 | 说明 | 默认值 |
|---|---|---|
--file, -f |
Markdown 文件路径 | 必填 |
--output-dir, -o |
输出目录 | attachments/MMDD |
--width, -w |
图片宽度(像素) | 1080 |
--items-per-page |
每页显示条目数 | 5 |
输出规格
- 比例: 固定 3:4(1080×1440 像素)
- 格式: PNG
- 分页: 自动根据内容生成多张图片
- 命名:
page_1.png,page_2.png, ... - 保存位置: 默认
attachments/MMDD(MMDD 为当日日期)
智能 SVG 头图
根据文章主题自动生成不同风格的 SVG 装饰图:
| 主题关键词 | 生成的 SVG 风格 |
|---|---|
AI、AGI、通用 |
神经网络节点 → 大脑 → 对话泡泡 |
开源、open source |
开源符号 → 代码括号 → 分享图标 |
| 其他(默认) | 麦克风 → 声波 → 人物对话 |
SVG 特点:
- 手绘风格,黑色线条白底
- 宽幅 16:9 比例
- 140px 高度,居中显示
- 底部带主题文字标签
智能标题提取
自动从 Markdown 元信息中提取嘉宾和主题:
输入格式:
# 播客名称
> **嘉宾**: Sebastian Raschka(LLM研究员)
> **主题**: 2025年AI技术趋势
输出标题:Sebastian Raschka:2025年AI技术趋势
Markdown 格式处理
| 格式 | 渲染效果 |
|---|---|
# 标题 |
自动提取并组合为「嘉宾:主题」 |
> **嘉宾**: ... |
提取嘉宾名(移除 **) |
> **主题**: ... |
提取主题内容 |
**加粗** |
红色加粗文字(移除 ** 标记) |
1、2、3、 |
红色圆形数字编号 |
"引用内容" |
蓝色高亮引用 |
工作流程
当用户请求将 Markdown 转为图片时:
-
确定输入内容
- 如果用户指定了文件路径,使用该文件
- 如果用户当前打开了 Markdown 文件,默认使用该文件
-
自动处理
- 提取嘉宾和主题生成标题
- 根据主题关键词生成相应 SVG 头图
- 提取短版摘要(
📱 短版摘要部分) - 移除所有
**markdown 标记,转为真正的加粗样式 - 根据条目数量自动分页
-
输出结果
- 返回所有图片路径给用户
- 图片保存在
attachments/MMDD目录
常见用法
| 用户说 | 操作 |
|---|---|
| 「把这个转成图片」 | 转换当前打开的 Markdown 文件 |
| 「生成分享海报」 | 同上 |
| 「这个播客摘要转图片」 | 转换播客摘要文件 |
| 「Markdown 转图片」 | 同上 |
依赖
脚本依赖以下 Python 包:
playwright- 浏览器自动化渲染markdown- Markdown 解析requests- 网络请求(备用)
首次使用需安装:
pip3 install playwright markdown requests
playwright install chromium
更新日志
v1.1 (2026-02-01)
- ✅ 智能 SVG 头图:根据主题关键词自动生成相应风格
- ✅ 智能标题:自动提取「嘉宾:主题」格式
- ✅ 移除
**标记:元信息和正文中的 markdown 加粗正确转换 - ✅ SVG 更大更醒目:140px 高度,600px 宽
- ✅ 优化排版:更大字体、更宽间距、自适应布局
v1.0 (2026-02-01)
- 初始版本
- 固定 3:4 比例
- 自动分页
- 白色背景设计
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
start-work
每日工作启动助手。读取Obsidian收件箱、计划文件,提醒今日待办,询问内容创作计划,展示周计划进度,调用热点采集。触发词:"开始工作"、"开启新一天"、"今天做什么"。帮助用户快速进入高效工作状态。
doc-coauthoring
Guide users through a structured workflow for co-authoring documentation, articles, or long-form content. Use when user wants to write documentation, proposals, articles, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting articles, or using "co-authoring" workflow.
mem-query
AI个人记忆系统的记忆查询功能。检索各层级记忆文件,综合多层级信息回答用户问题。使用场景:(1) 用户问"我的记忆中关于XXX"时;(2) 用户询问自己的习惯/偏好/价值观时;(3) 需要基于用户历史提供建议时。该skill会自动检索L1-L4各层级,引用来源,给出基于记忆的个性化回答。
article-review
根据原文内容撰写深度文章评价/解读。当用户提供一篇文章、博客、公众号文章或任何长文内容,并要求生成评价、解读、读后感或二次创作内容时使用此技能。适用于:(1) 对技术文章、行业分析、年终总结等进行深度解读,(2) 提炼文章核心观点并用通俗语言重新表达,(3) 为社交媒体传播生成二次内容。
mem-record
AI个人记忆系统的记忆记录功能。自动从对话中提炼关键信息并记录到相应层级。使用场景:(1) 用户说"记录到记忆系统"、"记住这个"、"把这次对话记下来"时;(2) 检测到重要事件、决策、偏好表达时;(3) 用户完成重要任务或做出决策时。该skill会自动判断应该记录到L1情境层、L2行为层、L3认知层,还是建议更新L4核心层。
remotion-video
使用 Remotion 框架以编程方式创建视频。Remotion 让你用 React 组件定义视频内容,支持动画、字幕、音乐可视化、3D 视频、教程讲解视频等。适用于程序化视频、批量生成、数据驱动视频、音乐可视化、自动字幕等场景。
Didn't find tool you were looking for?