xiaohongshu-images

SKILL.md

Xiaohongshu Images Skill

This skill transforms markdown, HTML, or text content into beautifully styled HTML pages with AI-generated cover images, then captures them as sequential screenshots at 3:4 ratio for Xiaohongshu posting.

Overview

The skill performs the following workflow:

Accept Content: Receives markdown, HTML, or txt format content from the user

Load Prompt Template: Reads the prompt template from prompts/default.md in this skill's directory

Determine Output Account: Determines which account folder to use (see Account Folder Resolution below)

Generate Cover Image: Uses /baoyu-cover-image skill to generate a cover image based on the article content

Generate HTML: Creates a beautifully styled HTML page following the prompt template specifications

Save Output: Saves the HTML to ~/Dev/obsidian/{account_folder}/articles/<date-title>/xhs-preview.html

Capture Screenshots: Takes sequential 3:4 ratio screenshots of the entire page without cutting text

Account Folder Resolution

The skill determines the output account folder using the following priority: