canghe-xhs-images

Generates Xiaohongshu (Little Red Book) infographic series with 10 visual styles and 8 layouts. Breaks content into 1-10 cartoon-style images optimized for XHS engagement. Use when user mentions "小红书图片", "XHS images", "RedNote infographics", "小红书种草", or wants social media infographics for Chinese pl

By freestylefly · 559 installs

npx skills add freestylefly/canghe-skills --skill canghe-xhs-images

Source repository · Upstream listing

Xiaohongshu Infographic Series Generator Break down complex content into eye catching infographic series for Xiaohongshu with multiple style options. Usage Options Option Description style <name Visual style (see Style Gallery) layout <name Information layout (see Layout Gallery) Two Dimensions Dimension Controls Options Style Visual aesthetics: colors, lines, decorations cute, fresh, warm, bold, minimal, retro, pop, notion, chalkboard, study notes Layout Information structure: density, arrangement sparse, balanced, dense, list, comparison, flow, mindmap, quadrant Style × Layout can be freely combined. Example: style notion layout dense creates an intellectual looking knowledge card with high information density. Style Gallery Style Description cute (Default) Sweet, adorable, girly classic Xiaohongshu aesthetic fresh Clean, refreshing, natural warm Cozy, friendly, approachable bold High impact, attention grabbing minimal Ultra clean, sophisticated retro Vintage, nostalgic, trendy pop Vibrant, energetic, eye catching notion Minimalist hand drawn line art, intellectual chalkboard Colorful chalk on black board, educational study notes Realistic handwritten photo style, blue pen + red annotations + yellow highlighter Detailed style definitions: references/presets/<style .md Layout Gallery Layout Description sparse (Default) Minimal information, maximum impact (1 2 points) balanced Standard content layout (3 4 points) dense High information density, knowledge card style (5 8 points) list Enumeration and ranking format (4 7 items) comparison Side by side contrast layout flow Process and timeline layout (3 6 steps) mindmap Center radial mind map layout (4 8 branches) quadrant Four quadrant / circular section layout Detailed layout definitions: references/elements/canvas.md Auto Selection Content Signals Style Layout Beauty, fashion, cute, girl, pink cute sparse/balanced Health, nature, clean, fresh, organic fresh balanced/flow Life, story, emotion, feeling, warm warm balanced Warning, important, must, critical bold list/comparison Professional, business, elegant, simple minimal sparse/balanced Classic, vintage, old, traditional retro balanced Fun, exciting, wow, amazing pop sparse/list Knowledge, concept, productivity, SaaS notion dense/list Education, tutorial, learning, teaching, classroom chalkboard balanced/dense Notes, handwritten, study guide, knowledge, realistic, photo study notes dense/list/mindmap Outline Strategies Three differentiated outline strategies for different content goals: Strategy A: Story Driven (故事驱动型) Aspect Description Concept Personal experience as main thread, emotional resonance first Features Start from pain point, show before/after change, strong authenticity Best for Reviews, personal shares, transformation stories Structure Hook → Problem → Discovery → Experience → Conclusion Strategy B: Information Dense (信息密集型) Aspect Description Concept Value first, efficient information delivery Features Clear structure, explicit points, professional credibility Best for Tutorials, comparisons, product reviews, checklists Structure Core conclusion → Info card → Pros/Cons → Recommendation Strategy C: Visual First (视觉优先型) Aspect Description Concept Visual impact as core, minimal text Features Large images, atmospheric, instant appeal Best for High aesthetic products, lifestyle, mood based content Structure Hero image → Detail shots → Lifestyle scene → CTA File Structure Each session creates an independent directory named by content slug: Slug Generation : 1. Extract main topic from content (2 4 words, kebab case) 2. Example: "AI工具推荐" → ai tools recommend Conflict Resolution : If xhs images/{topic slug}/ already exists: Append timestamp: {topic slug} YYYYMMDD HHMMSS Example: ai tools exists → ai tools 20260118 143052 Source Files : Copy all sources with naming source {slug}.{ext} : source article.md , source photo.jpg , etc. Multiple sources supported: text, images, files from conversation Workflow Progress Checklist Copy and track progress: Flow Step 0: Load Preferences (EXTEND.md) ⛔ BLOCKING Purpose : Load user preferences or run first time setup. CRITICAL : If EXTEND.md not found, MUST complete first time setup before ANY other questions or steps. Do NOT proceed to content analysis, do NOT ask about style, do NOT ask about layout — ONLY complete the preferences setup first. Use Bash to check EXTEND.md existence (priority order): ┌────────────────────────────────────────────────────┬───────────────────┐ │ Path │ Location │ ├────────────────────────────────────────────────────┼───────────────────┤ │ .canghe skills/canghe xhs images/EXTEND.md │ Project directory │ ├────────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.canghe skills/canghe xhs images/EXTEND.md │ User home │ └────────────────────────────────────────────────────┴───────────────────┘ ┌───────────┬─────────────────────────────────────────────────────────────────────────────────────────────────────┐ │ Result │ Action │ ├───────────┼─────────────────────────────────────────────────────────────────────────────────────────────────────┤ │ Found │ Read, parse, display summary → Continue to Step 1 │ ├───────────┼─────────────────────────────────────────────────────────────────────────────────────────────────────┤ │ Not found │ ⛔ BLOCKING: Run first time setup ONLY (see below) → Complete and save EXTEND.md → Then Step 1 │ └───────────┴─────────────────────────────────────────────────────────────────────────────────────────────────────┘ First Time Setup (when EXTEND.md not found): Language : Use user's input language or saved language preference. Use AskUserQuestion with ALL questions in ONE call. See references/config/first time setup.md for question details. EXTEND.md Supports : Watermark Preferred style/layout Custom style definitions Language preference Schema: references/config/preferences schema.md Step 1: Analyze Content → analysis.md Read source content, save it if needed, and perform deep analysis. Actions : 1. Save source content (if not already a file): If user provides a file path: use as is If user pastes content: save to source.md in target directory Backup rule : If source.md exists, rename to source backup YYYYMMDD HHMMSS.md 2. Read source content 3. Deep analysis following references/workflows/analysis framework.md : Content type classification (种草/干货/测评/教程/避坑...) Hook analysis (爆款标题潜力) Target audience identification Engagement potential (收藏/分享/评论) Visual opportunity mapping Swipe flow design 4. Detect source language 5. Determine recommended image count (2 10) 6. Generate clarifying questions (see Step 2) 7. Save to analysis.md Step 2: Confirmation 1 Content Understanding ⚠️ Purpose : Validate understanding + collect missing info. Do NOT skip. Display summary : Content type + topic identified Key points extracted Tone detected Source images count Use AskUserQuestion for: 1. Core selling point (multiSelect: true) 2. Target audience 3. Style preference: Authentic sharing / Professional review / Aesthetic mood / Auto 4. Additional context (optional) After response : Update analysis.md → Step 3 Step 3: Generate 3 Outline + Style Variants Based on analysis + user context, create three distinct strategy variants. Each variant includes both outline structure and visual style recommendation . For each strategy : Strategy Filename Outline Recommended Style A outline strategy a.md Story driven: emotional, before/after warm, cute, fresh B outline strategy b.md Information dense: structured, factual notion, minimal, chalkboard C outline strategy c.md Visual first: atmospheric, minimal text bold, pop, retro Outline format (YAML front matter + content): Differentiation requirements : Each strategy MUST have different outline structure AND different recommended style Adapt page count: A typically 4 6, B typically 3 5, C typically 3 4 Include style reason explaining why this style fits the strategy Consider user's style preference from Step 2 Reference: references/workflows/outline template.md Step 4: Confirmation 2 Outline & Style & Elements Selection ⚠️ Purpose : User chooses outline strategy, confirms visual style, and customizes elements. Do NOT skip. Display each strategy : Strategy name + page count + recommended style Page by page summary (P1 → P2 → P3...) Use AskUserQuestion with three questions: Question 1: Outline Strategy Strategy A (Recommended if "authentic sharing") Strategy B (Recommended if "professional review") Strategy C (Recommended if "aesthetic mood") Combine: specify pages from each Question 2: Visual Style Use strategy's recommended style (show which style) Or select from: cute / fresh / warm / bold / minimal / retro / pop / notion / chalkboard Or type custom style description Question 3: Visual Elements (show after style selection) Display the selected style's default elements from preset, then ask: Use style defaults (Recommended) show preview: background, decorations, emphasis Adjust background options: solid pastel / solid saturated / gradient linear / gradient radial / paper texture / grid Adjust decorations options: hearts / stars sparkles / flowers / clouds / leaves / confetti Type custom element preferences After response : Single strategy → copy to outline.md with confirmed style Combination → merge specified pages with confirmed style Custom request → regenerate based on feedback Style defaults → use preset's Element Combination as is Background adjustment → update elements.background with user choice Decorations adjustment → update elements.decorations with user choice Custom elements → parse user's preferences into elements fields Update outline.md frontmatter with final style and elements Step 5: Generate Images With confirmed outline + style + layout: Visual Consistency — Reference Image Chain : To ensure character/style consistency across all images in a series: 1. Generate image 1 (cover) FIRST — without ref 2. Use image 1 as ref for ALL remaining images (2, 3, ..., N) This anchors the character design, color rendering, and illustration style Command pattern: ref <path to image 01.png added to every subsequent generation This is critical for styles that use recurring characters, mascots, or illustration elements. Image 1 becomes the visual anchor for the entire series. For each image (cover + content + ending) : 1. Save prompt to prompts/NN {type} [slug].md (in user's preferred language) Backup rule : If prompt file exists, rename to prompts/NN {type} [slug] backup YYYYMMDD HHMMSS.md 2. Generate image: Image 1 : Generate without ref (this establishes the visual anchor) Images 2+ : Generate with ref <image 01 path for consistency Backup rule : If image file exists, rename to NN {type} [slug] backup YYYYMMDD HHMMSS.png 3. Report progress after each generation Watermark Application (if enabled in preferences): Add to each image generati