Back to Skills

xiaohongshu-images

Transform markdown/HTML into styled 3:4 ratio images for Xiaohongshu

6starsUpdated 6/23/2026

Security Assessment

Safe(100/100)
Security Score100/100

About xiaohongshu-images

The xiaohongshu-images skill turns markdown, HTML, or plain-text content into styled 3:4 ratio images ready to post on Xiaohongshu (RED). It automates the path from a written article to a set of visually consistent, platform-compliant image cards, removing the manual effort of styling and screenshotting.

Its workflow accepts content, loads a styling prompt template, and resolves which account folder to output to via an explicit --account flag, inference from the input file path, or a template-to-account mapping. It then generates a cover image using the baoyu-cover-image skill, renders a styled HTML page (dark gradient background, cream card, Google Fonts), and captures sequential 3:4 screenshots without cutting text. Crucially, it runs compliance checks against Xiaohongshu community guidelines on both the cover image and the text, screening for prohibited imagery, absolute or superlative claims, and unverified medical or financial advice, adding disclaimers where needed.

It is aimed at content creators and social media managers publishing to Xiaohongshu, including multi-account setups, who want repeatable, on-brand image generation with built-in guardrails for platform rules.

FAQ

What does this skill produce?

Styled 3:4 ratio images, captured as sequential screenshots of a rendered HTML page, with an AI-generated cover image, ready for Xiaohongshu posting.

What input does it accept?

Markdown, HTML, or text content, provided as a file path, a URL, or pasted directly into the conversation.

How does it decide where to save output?

By priority: an explicit --account parameter, then inference from the input file path, then a template-to-account-folder mapping.

Does it handle Xiaohongshu content rules?

Yes. It runs compliance checks on both the cover image and the text, screening for prohibited imagery, absolute/superlative claims, and unverified medical or financial advice.

Does it generate the cover image itself?

It delegates cover generation to the baoyu-cover-image skill, with style selection (tech, warm, bold, minimal, and others) and a no-title option for visual-only covers.

All Files

6 files
SKILL.md15.9 KB
View
prompts/default.md10.6 KB
View
scripts/screenshot.py12.8 KB
View
.gitignore0.6 KB
View
prompts/mom-reading-club.md12.9 KB
View
README.md4.9 KB
View

Install xiaohongshu-images

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill