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:

1. Accept Content: Receives markdown, HTML, or txt format content from the user
2. Load Prompt Template: Reads the prompt template from prompts/default.md in this skill's directory
3. Determine Output Account: Determines which account folder to use (see Account Folder Resolution below)
4. Generate Cover Image: Uses /baoyu-cover-image skill to generate a cover image based on the article content
5. Generate HTML: Creates a beautifully styled HTML page following the prompt template specifications
6. Save Output: Saves the HTML to ~/Dev/obsidian/{account_folder}/articles/<date-title>/xhs-preview.html
7. 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: