All skills
jimliu avatar

/baoyu-xhs-images

@b0ac523 official
by Jim Liu 宝玉jimliu/baoyu-skills26k stars
2,896

Generates infographic image card series with 12 visual styles, 8 layouts, and 3 color palettes. Breaks content into 1-10 cartoon-style image cards optimized for social media engagement. Use when user mentions "小红书图片", "小红书种草", "小绿书", "微信图文", "微信贴图", "image cards", "图片卡片", baoyu-xhs-images, or wants social media infographic series.

Use this Skill: https://skilld.dev/gh/jimliu/baoyu-skills/baoyu-xhs-images

This session only. Nothing lands on disk.

referenceselementscanvas.md

≈932 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Canvas & Layout

Core canvas specifications and layout grids for Xiaohongshu infographics.

Aspect Ratios

Name Ratio Pixels Note
portrait-3-4 3:4 1242×1660 Highest traffic on XHS (recommended)
square 1:1 1242×1242 Second recommended
portrait-2-3 2:3 1242×1863 Taller format

Default: portrait-3-4 for maximum engagement.

Safe Zones

Avoid placing critical content in these areas:

Zone Position Reason
bottom-overlay Bottom 10% Title bar overlay on mobile
top-right Top-right corner Like/share button overlay
bottom-right Bottom-right corner Watermark position
┌─────────────────────────────┐
│                 [like/share]│  ← top-right: avoid
│                             │
│                             │
│      ✓ SAFE CONTENT AREA    │
│                             │
│                             │
│  [title bar overlay area]   │  ← bottom 10%: avoid key info
└─────────────────────────────┘

Grid Layouts

Density-Based Layouts

Layout Info Density Whitespace Points/Image Best For
sparse Low 60-70% 1-2 Covers, quotes, impactful statements
balanced Medium 40-50% 3-4 Standard content, tutorials
dense High 20-30% 5-8 Knowledge cards, cheat sheets

Structure-Based Layouts

Layout Structure Items Best For
list Vertical enumeration 4-7 Rankings, checklists, step guides
comparison Left vs Right 2 sections Before/after, pros/cons
flow Connected nodes 3-6 steps Processes, timelines, workflows
mindmap Center radial 4-8 branches Concept maps, brainstorming, topic overview
quadrant 4-section grid 4 sections SWOT analysis, priority matrix, classification

Layout by Position

Position Recommended Layout Why
Cover sparse Maximum visual impact, clear title
Setup balanced Context without overwhelming
Core balanced/dense/list Based on content density
Payoff balanced/list Clear takeaways
Ending sparse Clean CTA, memorable close

Grid Cells

For multi-element compositions:

Name Cells Use Case
single 1 Hero image, maximum impact
dual 2 Before/after, comparison
triptych 3 Steps, process flow
quad 4 Product showcase
six-grid 6 Checklist, collection
nine-grid 9 Multi-image gallery

Visual Balance

Sparse Layout

  • Single focal point centered
  • Breathing room on all sides
  • Symmetrical composition

Balanced Layout

  • Top-weighted title
  • Evenly distributed content below
  • Clear visual hierarchy

Dense Layout

  • Organized grid structure
  • Clear section boundaries
  • Compact but readable spacing

List Layout

  • Left-aligned items
  • Clear number/bullet hierarchy
  • Consistent item format

Comparison Layout

  • Symmetrical left/right
  • Clear visual contrast
  • Divider between sections

Flow Layout

  • Directional flow (top→bottom or left→right)
  • Connected nodes with arrows
  • Clear progression indicators

Mindmap Layout

  • Central topic node
  • Radial branches outward
  • Hierarchical sub-branches
  • Organic curved connections

Quadrant Layout

  • 4-section grid (2×2)
  • Clear axis labels
  • Each quadrant with distinct content
  • Optional circular variant for cycles

Source: SKILL.md on GitHub

No alerts16d5 checks · Risk SAFE
  • Gen Agent Trust Hub16d

    The skill is generally safe and implements structured workflows for social media image card generation. It has an indirect prompt injection surface from processing untrusted text, which is addressed with structural delimiters.

  • Socket16d

    No alerts

  • Snyk16d

    Risk: LOW · No issues

  • Runlayer6mo

    1/21 files flagged

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Signed by skilld at b0ac523. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 days ago.

Activeupdated 4 months ago
version
2.0.1
Other metadata
metadata
{
  "openclaw": {
    "homepage": "https://github.com/JimLiu/baoyu-skills#baoyu-xhs-images"
  }
}
  • xhs
  • infographic
  • image-cards
  • social-media
  • content-generation
  • cartoon-style
  • layout
  • color-palette

README badge

README badge for jimliu/baoyu-skills/baoyu-xhs-images

Generates 1-10 cartoon-style infographic image cards with 12 visual styles, 8 layouts, and 3 color palettes, optimized for social media sharing. Targets Xiaohongshu (Little Red Book), WeChat, and similar platforms where content is broken into visually distinct card series.

Generated from the current SKILL.md.

What image formats and dimensions does this skill output?
The SKILL.md does not specify output image formats or dimensions. You should clarify with the skill's documentation or test run to confirm.
Which image generation backends does this skill support?
The skill supports Codex imagegen, Cursor GenerateImage, and baoyu-image-gen as backends. It auto-selects based on your runtime and can fall back to asking you which backend to use.
Can I use reference images when generating the card series?
Yes. Use the `--ref <files...>` option to provide reference images that are applied to the first image card as the series anchor.
What languages does this skill work in?
The skill responds in the user's language for questions and confirmations. It is triggered by English terms like 'image cards' or Chinese terms like '小红书图片' and '微信图文'.
Does this skill require confirmation before generating images?
By default, yes — the skill confirms your strategy and settings before generation. Use `--yes` to skip confirmation and generate immediately with defaults.

Generated from the current SKILL.md. These answers refresh after source changes.