← ClaudeAtlas

xiaohongshu-imageslisted

Transform markdown/HTML into styled 3:4 ratio images for Xiaohongshu 新手引导:输入 `/小红书配图 新手`、「这个怎么用」「第一次用」「能干嘛」时,走 SKILL.md 的〈新手上路〉,不要直接开始干活。
iamzifei/xiaohongshu-images-skill · ★ 6 · Data & Documents · score 66
Install: claude install-skill iamzifei/xiaohongshu-images-skill
# 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: ### Priority 1: Explicit `--account` Parameter If the user specifies `--account`, use the corresponding folder: ```bash /xiaohongshu-images <article> --account james-cn # → 10_在悉尼和稀泥 /xiaohongshu-images <article> --account james-en # → 11_BuildWithJames /xiaohongshu-images <article> --account mom-reading-club # → 12_妈妈在读 ``` ### Priority 2: Inf