xy121718-baoyu-skills

baoyu-skills

English | 中文

Skills shared by Baoyu for improving daily work efficiency with Claude Code.

Prerequisites

• Node.js environment installed
• Ability to run npx bun commands

Installation

Quick Install (Recommended)

npx skills add XY121718/baoyu-skills

Register as Plugin Marketplace

Run the following command in Claude Code:

/plugin marketplace add XY121718/baoyu-skills

Install Skills

Option 1: Via Browse UI

1. Select Browse and install plugins
2. Select baoyu-skills
3. Select the plugin(s) you want to install
4. Select Install now

Option 2: Direct Install

# Install specific plugin
/plugin install content-skills@baoyu-skills
/plugin install ai-generation-skills@baoyu-skills
/plugin install utility-skills@baoyu-skills

Option 3: Ask the Agent

Simply tell Claude Code:

Please install Skills from github.com/JimLiu/baoyu-skills

Available Plugins

Plugin	Description	Skills
content-skills	Content generation and publishing	xhs-images, infographic, cover-image, slide-deck, comic, article-illustrator, post-to-x, post-to-wechat
ai-generation-skills	AI-powered generation backends	image-gen, danger-gemini-web
utility-skills	Utility tools for content processing	url-to-markdown, danger-x-to-markdown, compress-image, format-markdown

Update Skills

To update skills to the latest version:

1. Run /plugin in Claude Code
2. Switch to Marketplaces tab (use arrow keys or Tab)
3. Select baoyu-skills
4. Choose Update marketplace

You can also Enable auto-update to get the latest versions automatically.

Available Skills

Skills are organized into three categories:

Content Skills

Content generation and publishing skills.

baoyu-xhs-images

Xiaohongshu (RedNote) infographic series generator. Breaks down content into 1-10 cartoon-style infographics with Style × Layout two-dimensional system.

# Auto-select style and layout
/baoyu-xhs-images posts/ai-future/article.md

# Specify style
/baoyu-xhs-images posts/ai-future/article.md --style notion

# Specify layout
/baoyu-xhs-images posts/ai-future/article.md --layout dense

# Combine style and layout
/baoyu-xhs-images posts/ai-future/article.md --style tech --layout list

# Direct content input
/baoyu-xhs-images 今日星座运势

Styles (visual aesthetics): cute (default), fresh, warm, bold, minimal, retro, pop, notion, chalkboard

Style Previews:

cute	fresh	warm
bold	minimal	retro
pop	notion	chalkboard

Layouts (information density):

Layout	Density	Best for
sparse	1-2 pts	Covers, quotes
balanced	3-4 pts	Regular content
dense	5-8 pts	Knowledge cards, cheat sheets
list	4-7 items	Checklists, rankings
comparison	2 sides	Before/after, pros/cons
flow	3-6 steps	Processes, timelines

Layout Previews:

sparse	balanced	dense
list	comparison	flow

baoyu-infographic

Generate professional infographics with 20 layout types and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics.

# Auto-recommend combinations based on content
/baoyu-infographic path/to/content.md

# Specify layout
/baoyu-infographic path/to/content.md --layout pyramid

# Specify style (default: craft-handmade)
/baoyu-infographic path/to/content.md --style technical-schematic

# Specify both
/baoyu-infographic path/to/content.md --layout funnel --style corporate-memphis

# With aspect ratio
/baoyu-infographic path/to/content.md --aspect portrait

Options:

Option	Description
--layout <name>	Information layout (20 options)
--style <name>	Visual style (17 options, default: craft-handmade)
--aspect <ratio>	landscape (16:9), portrait (9:16), square (1:1)
--lang <code>	Output language (en, zh, ja, etc.)

Layouts (information structure):

Layout	Best For
bridge	Problem-solution, gap-crossing
circular-flow	Cycles, recurring processes
comparison-table	Multi-factor comparisons
do-dont	Correct vs incorrect practices
equation	Formula breakdown, input-output
feature-list	Product features, bullet points
fishbone	Root cause analysis
funnel	Conversion processes, filtering
grid-cards	Multiple topics, overview
iceberg	Surface vs hidden aspects
journey-path	Customer journey, milestones
layers-stack	Technology stack, layers
mind-map	Brainstorming, idea mapping
nested-circles	Levels of influence, scope
priority-quadrants	Eisenhower matrix, 2x2
pyramid	Hierarchy, Maslow's needs
scale-balance	Pros vs cons, weighing
timeline-horizontal	History, chronological events
tree-hierarchy	Org charts, taxonomy
venn	Overlapping concepts

Layout Previews:

bridge	circular-flow	comparison-table
do-dont	equation	feature-list
fishbone	funnel	grid-cards
iceberg	journey-path	layers-stack
mind-map	nested-circles	priority-quadrants
pyramid	scale-balance	timeline-horizontal
tree-hierarchy	venn

Styles (visual aesthetics):

Style	Description
craft-handmade (Default)	Hand-drawn illustration, paper craft aesthetic
claymation	3D clay figures, playful stop-motion
kawaii	Japanese cute, big eyes, pastel colors
storybook-watercolor	Soft painted illustrations, whimsical
chalkboard	Colorful chalk on black board
cyberpunk-neon	Neon glow on dark, futuristic
bold-graphic	Comic style, halftone dots, high contrast
aged-academia	Vintage science, sepia sketches
corporate-memphis	Flat vector people, vibrant fills
technical-schematic	Blueprint, isometric 3D, engineering
origami	Folded paper forms, geometric
pixel-art	Retro 8-bit, nostalgic gaming
ui-wireframe	Grayscale boxes, interface mockup
subway-map	Transit diagram, colored lines
ikea-manual	Minimal line art, assembly style
knolling	Organized flat-lay, top-down
lego-brick	Toy brick construction, playful

Style Previews:

craft-handmade	claymation	kawaii
storybook-watercolor	chalkboard	cyberpunk-neon
bold-graphic	aged-academia	corporate-memphis
technical-schematic	origami	pixel-art
ui-wireframe	subway-map	ikea-manual
knolling	lego-brick

baoyu-cover-image

Generate cover images for articles with 5 dimensions: Type × Palette × Rendering × Text × Mood. Combines 9 color palettes with 6 rendering styles for 54 unique combinations.

# Auto-select all dimensions based on content
/baoyu-cover-image path/to/article.md

# Quick mode: skip confirmation, use auto-selection
/baoyu-cover-image path/to/article.md --quick

# Specify dimensions (5D system)
/baoyu-cover-image path/to/article.md --type conceptual --palette cool --rendering digital
/baoyu-cover-image path/to/article.md --text title-subtitle --mood bold

# Style presets (backward-compatible shorthand)
/baoyu-cover-image path/to/article.md --style blueprint

# Specify aspect ratio (default: 16:9)
/baoyu-cover-image path/to/article.md --aspect 2.35:1

# Visual only (no title text)
/baoyu-cover-image path/to/article.md --no-title

Five Dimensions:

• Type: hero, conceptual, typography, metaphor, scene, minimal
• Palette: warm, elegant, cool, dark, earth, vivid, pastel, mono, retro
• Rendering: flat-vector, hand-drawn, painterly, digital, pixel, chalk
• Text: none, title-only (default), title-subtitle, text-rich
• Mood: subtle, balanced (default), bold