$npx -y skills add manwithshit/xhs-images --skill xhs-imagesXiaohongshu (Little Red Book) infographic series generator with multiple style options. Breaks down content into 1-10 cartoon-style infographics. Use when user asks to create "小红书图片", "XHS images", or "RedNote infographics".
| 1 | # Xiaohongshu Infographic Series Generator |
| 2 | |
| 3 | Break down complex content into eye-catching infographic series for Xiaohongshu. |
| 4 | |
| 5 | ## Usage |
| 6 | |
| 7 | ```bash |
| 8 | # Auto-select style and layout based on content |
| 9 | /xhs-images posts/ai-future/article.md |
| 10 | |
| 11 | # Specify style |
| 12 | /xhs-images posts/ai-future/article.md --style notion |
| 13 | |
| 14 | # Specify layout |
| 15 | /xhs-images posts/ai-future/article.md --layout dense |
| 16 | |
| 17 | # Combine style and layout |
| 18 | /xhs-images posts/ai-future/article.md --style tech --layout list |
| 19 | |
| 20 | # Direct content input |
| 21 | /xhs-images |
| 22 | [paste content] |
| 23 | ``` |
| 24 | |
| 25 | ## Options |
| 26 | |
| 27 | | Option | Description | |
| 28 | |--------|-------------| |
| 29 | | `--style <name>` | Visual style (see Style Gallery below) | |
| 30 | | `--layout <name>` | Information layout (see Layout Gallery below) | |
| 31 | |
| 32 | ## Two Dimensions |
| 33 | |
| 34 | | Dimension | Controls | Options | |
| 35 | |-----------|----------|---------| |
| 36 | | **Style** | Visual aesthetics: colors, lines, decorations | cute, fresh, tech, warm, bold, minimal, retro, pop, notion, productivity, insight | |
| 37 | | **Layout** | Information structure: density, arrangement | sparse, balanced, dense, list, comparison, flow | |
| 38 | |
| 39 | Style × Layout can be freely combined. Example: `--style notion --layout dense` creates an intellectual-looking knowledge card with high information density. |
| 40 | |
| 41 | ## Style Gallery (Quick Reference) |
| 42 | |
| 43 | | Style | Description | Best For | |
| 44 | |-------|-------------|----------| |
| 45 | | `cute` | Sweet, adorable, girly - classic XHS aesthetic | Lifestyle, beauty, fashion | |
| 46 | | `fresh` | Clean, refreshing, natural | Health, wellness, self-care | |
| 47 | | `tech` | Modern, smart, digital | Tech tutorials, AI content | |
| 48 | | `warm` | Cozy, friendly, approachable | Personal stories, life lessons | |
| 49 | | `bold` | High impact, attention-grabbing | Important tips, warnings | |
| 50 | | `minimal` | Ultra-clean, sophisticated | Professional content | |
| 51 | | `retro` | Vintage, nostalgic, trendy | Throwback, classic tips | |
| 52 | | `pop` | Vibrant, energetic, eye-catching | Fun facts, announcements | |
| 53 | | `notion` | Minimalist hand-drawn line art | Knowledge sharing, SaaS | |
| 54 | | `productivity` | Structured, light mode, clean UI | How-to tutorials, tools | |
| 55 | | `insight` | High clarity, dark mode, premium | Mental models, deep thoughts | |
| 56 | |
| 57 | **For detailed style specs (colors, elements, typography)**: See `references/styles.md` |
| 58 | |
| 59 | ## Layout Gallery (Quick Reference) |
| 60 | |
| 61 | | Layout | Density | Best For | |
| 62 | |--------|---------|----------| |
| 63 | | `sparse` | 1-2 points, 60-70% whitespace | Covers, quotes, impactful statements | |
| 64 | | `balanced` | 3-4 points, 40-50% whitespace | Regular content, tutorials | |
| 65 | | `dense` | 5-8 points, 20-30% whitespace | Summary cards, cheat sheets | |
| 66 | | `list` | 4-7 items, 30-40% whitespace | Top N lists, checklists | |
| 67 | | `comparison` | 2×2-4 points, 30-40% whitespace | Before/After, pros/cons | |
| 68 | | `flow` | 3-6 steps, 30-40% whitespace | Processes, timelines | |
| 69 | |
| 70 | **For detailed layout specs and Style×Layout matrix**: See `references/layouts.md` |
| 71 | |
| 72 | ## Auto Selection Logic |
| 73 | |
| 74 | ### Auto Style Selection |
| 75 | |
| 76 | | Content Signals | Selected Style | |
| 77 | |----------------|----------------| |
| 78 | | Beauty, fashion, cute, girl, pink | `cute` | |
| 79 | | Health, nature, clean, fresh | `fresh` | |
| 80 | | Tech, AI, code, digital, app, tool | `tech` | |
| 81 | | Life, story, emotion, feeling | `warm` | |
| 82 | | Warning, important, must, critical | `bold` | |
| 83 | | Professional, business, elegant | `minimal` | |
| 84 | | Classic, vintage, old, traditional | `retro` | |
| 85 | | Fun, exciting, wow, amazing | `pop` | |
| 86 | | Knowledge, concept, productivity, SaaS | `notion` | |
| 87 | | How-to, tutorial, tool recommendation | `productivity` | |
| 88 | | Mental model, deep thought, insight | `insight` | |
| 89 | |
| 90 | ### Auto Layout Selection |
| 91 | |
| 92 | | Content Signals | Selected Layout | |
| 93 | |----------------|-----------------| |
| 94 | | Single quote, one key point, cover | `sparse` | |
| 95 | | 3-4 points, explanation, tutorial | `balanced` | |
| 96 | | 5+ points, summary, cheat sheet | `dense` | |
| 97 | | Numbered items, top N, checklist | `list` | |
| 98 | | vs, compare, before/after, pros/cons | `comparison` | |
| 99 | | Process, flow, timeline, ordered steps | `flow` | |
| 100 | |
| 101 | ### Layout by Position |
| 102 | |
| 103 | | Position | Recommended Layout | |
| 104 | |----------|-------------------| |
| 105 | | Cover | `sparse` | |
| 106 | | Content | `balanced` / `dense` / `list` (content-appropriate) | |
| 107 | | Ending | `sparse` or `balanced` | |
| 108 | |
| 109 | ## File Management |
| 110 | |
| 111 | ### With Article Path |
| 112 | |
| 113 | Save to `xhs-images/` subdirectory in the same folder as the article: |
| 114 | |
| 115 | ``` |
| 116 | posts/ai-future/ |
| 117 | ├── article.md |
| 118 | └── xhs-images/ |
| 119 | ├── outline.md |
| 120 | ├── prompts/ |
| 121 | │ ├── 01-cover.md |
| 122 | │ └── ... |
| 123 | ├── 01-cover.png |
| 124 | └── 02-ending.png |
| 125 | ``` |
| 126 | |
| 127 | ### Without Article Path |
| 128 | |
| 129 | Save to `xhs-outputs/YYYY-MM-DD/[topic-slug]/` |
| 130 | |
| 131 | ## Workflow |
| 132 | |
| 133 | ### Step 1: Analyze Content & Select Style/Layout |
| 134 | |
| 135 | 1. Read content |
| 136 | 2. If `--style` specified, use that style; otherwise auto-select |
| 137 | 3. If `--layout` specified, use that layout; otherwise auto-select per image |
| 138 | 4. Determine i |