markdown-to-image

Render Markdown content into Xiaohongshu-style card PNGs with Python and Playwright.

67|3|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/yijingjia/skills --skill markdown-to-image-yijingjia
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: markdown-to-image
Source: https://github.com/yijingjia/skills/tree/main/markdown-to-image
Command: npx skills add https://github.com/yijingjia/skills --skill markdown-to-image-yijingjia

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve?

将 Markdown 文章转换为小红书风格的卡片图片,帮助创作者快速将文字内容转化为视觉可分享的图片,节省设计与排版时间。

Core Features & Use Cases

  • 支持文本、代码块、表格、列表、引用、图片等内容块的渲染;
  • 支持多主题和自动分页,适用于长文章的分张卡片输出;
  • 使用场景示例:将博客文章按段落拆分并生成多张可分享的社媒卡片。

Quick Start

Convert your article.md into a set of Xiaohongshu-ready images with the default theme.

Frequently Asked Questions about markdown-to-image

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render Markdown into Xiaohongshu-style card images?

To render Markdown into Xiaohongshu-style card images, this Skill converts text blocks, code, tables, and lists into themed PNG files using Python and Playwright. It processes your Markdown content and outputs per-article image files suitable for social sharing.

Can I automatically paginate long Markdown articles for social media sharing?

Yes, you can automatically paginate long Markdown articles for social media sharing. The rendering process includes automatic pagination to split long content into multiple individual card images, ensuring each output PNG fits standard sharing formats.

Do I need Playwright installed to generate image cards from Markdown?

Yes, you need Playwright installed to generate image cards from Markdown, as it is a required dependency for the rendering process. The Skill relies on Playwright to drive the browser engine and capture the styled Markdown content as PNG files.

What Markdown content blocks are supported for image rendering?

The image rendering supports text blocks, code blocks, tables, lists, quotes, and images. These content blocks are parsed from your Markdown and visually styled into Xiaohongshu-format card PNGs across four available visual themes.

What is the best way to convert a blog post into multiple visual sharing cards?

The best way to convert a blog post into multiple visual sharing cards is using an automated Markdown rendering approach. This Skill parses your article and applies automatic pagination to export a set of themed PNG files ready for social media repurposing.

Does the Markdown to image rendering support multiple visual themes?

Yes, the Markdown to image rendering supports multiple visual themes. It provides four distinct themes to style your text blocks, code, and tables, allowing you to customize the visual output of your generated Xiaohongshu card PNGs.