Xiaohongshu Images Skill A Claude Code skill that 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. Features Content Processing : Accepts markdown, HTML, or plain text content AI Cover Images : Generates editorial style cover illustrations using /baoyu cover image skill Styled HTML Output : Creates beautifully formatted HTML pages with modern typography Screenshot Capture : Takes sequential 3:4 ratio screenshots optimized for Xiaohongshu Smart Text Boundaries : Ensures no text is cut off in screenshots Installation Prerequisites Python 3.8 or higher Claude Code CLI /baoyu cover image skill installed in /.claude/skills/ Setup 1. Clone or copy this skill to your Claude skills directory: [安装/使用命令见下方] 2. Install Python dependencies: [安装/使用命令见下方] 3. Ensure baoyu cover image skill is installed: [安装/使用命令见下方] Usage Via Claude Code Invoke the skill in Claude Code: [安装/使用命令见下方] Then provide your content: Paste markdown/HTML content directly Provide a file path: /path/to/article.md Provide a URL to fetch content from Example [安装/使用命令见下方] Output The skill generates output in /Dev/obsidian/articles/ / : xhs preview.html Styled HTML preview page attachments/cover xhs.png AI generated cover image attachments/xhs 01.png, xhs 02.png, ... Sequential screenshots Directory Structure [安装/使用命令见下方] Customization Custom Prompt Templates Create custom styling templates in the prompts/ directory: 1. Create a new .md file (e.g., prompts/minimal.md ) 2. Define your HTML/CSS specifications 3. Invoke with: "Use the minimal template for this article" Modifying Styles Edit prompts/default.md to customize: Card dimensions and colors Font families and sizes Typography hierarchy Code block styling Responsive breakpoints Configuration Screenshot Settings Default screenshot dimensions (3:4 ratio for Xiaohongshu): Width: 1080px Height: 1440px Scale factor: 2x (Re