English | 中文

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

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

npx add-skill jimliu/baoyu-skills

Run the following command in Claude Code:

/plugin marketplace add jimliu/baoyu-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

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

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.

Skills are organized into three categories:

Content generation and publishing skills.

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, tech, warm, bold, minimal, retro, pop, notion

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

Generate hand-drawn style cover images for articles with multiple style options.

# From markdown file (auto-select style)
/baoyu-cover-image path/to/article.md

# Specify a style
/baoyu-cover-image path/to/article.md --style tech
/baoyu-cover-image path/to/article.md --style warm

# Without title text
/baoyu-cover-image path/to/article.md --no-title

Available styles: elegant (default), blueprint, bold, bold-editorial, chalkboard, dark-atmospheric, editorial-infographic, fantasy-animation, intuition-machine, minimal, nature, notion, pixel-art, playful, retro, sketch-notes, vector-illustration, vintage, warm, watercolor

Style Previews:

elegant	blueprint	bold
bold-editorial	chalkboard	dark-atmospheric
editorial-infographic	fantasy-animation	intuition-machine
minimal	nature	notion
pixel-art	playful	retro
sketch-notes	vector-illustration	vintage
warm	watercolor

Generate professional slide deck images from content. Creates comprehensive outlines with style instructions, then generates individual slide images.

# From markdown file
/baoyu-slide-deck path/to/article.md

# With style and audience
/baoyu-slide-deck path/to/article.md --style corporate
/baoyu-slide-deck path/to/article.md --audience executives

# Outline only (no image generation)
/baoyu-slide-deck path/to/article.md --outline-only

# With language
/baoyu-slide-deck path/to/article.md --lang zh

Styles (visual aesthetics):

Style	Description	Best For
blueprint (default)	Technical schematics, grid texture, engineering precision	Architecture, system design
notion	SaaS dashboard aesthetic, card-based layouts, clean data focus	Product demos, SaaS, B2B
bold-editorial	High-impact magazine style, bold typography, dark backgrounds	Product launches, keynotes
corporate	Navy/gold palette, structured layouts, professional icons	Investor decks, proposals
dark-atmospheric	Cinematic dark mode, glowing accents, atmospheric depth	Entertainment, gaming, creative
editorial-infographic	Magazine-style explainers, flat illustrations	Tech explainers, research
fantasy-animation	Whimsical Ghibli/Disney style, hand-drawn animation	Educational, storytelling
intuition-machine	Technical briefing, bilingual labels, aged paper texture	Technical docs, bilingual
minimal	Ultra-clean, maximum whitespace, single accent color	Executive briefings, premium
pixel-art	Retro 8-bit aesthetic, chunky pixels, nostalgic gaming	Gaming, developer talks
scientific	Academic diagrams, biological pathways, precise labeling	Biology, chemistry, medical
sketch-notes	Hand-drawn feel, soft brush strokes, warm background	Educational, tutorials
vector-illustration	Flat vector, black outlines, retro soft colors	Creative proposals, explainers
vintage	Aged-paper aesthetic, historical document styling	Historical, heritage, biography
watercolor	Soft hand-painted textures, natural warmth	Lifestyle, wellness, travel

Style Previews:

blueprint	chalkboard	bold-editorial
corporate	dark-atmospheric	editorial-infographic
fantasy-animation	intuition-machine	minimal
notion	pixel-art	scientific
sketch-notes	vector-illustration	vintage
watercolor

After generation, slides are automatically merged into a .pptx file for easy sharing.

Knowledge comic creator supporting multiple styles (Logicomix/Ligne Claire, Ohmsha manga guide). Creates original educational comics with detailed panel layouts and sequential image generation.

# From source material
/baoyu-comic posts/turing-story/source.md

# Specify style
/baoyu-comic posts/turing-story/source.md --style dramatic
/baoyu-comic posts/turing-story/source.md --style ohmsha

# Custom style (natural language)
/baoyu-comic posts/turing-story/source.md --style "watercolor with soft edges"

# Specify layout and aspect ratio
/baoyu-comic posts/turing-story/source.md --layout cinematic
/baoyu-comic posts/turing-story/source.md --aspect 16:9

# Specify language
/baoyu-comic posts/turing-story/source.md --lang zh

# Direct content input
/baoyu-comic "The story of Alan Turing and the birth of computer science"

Options:

Option	Values
--style	classic (default), dramatic, warm, sepia, vibrant, ohmsha, realistic, wuxia, or custom description
--layout	standard (default), cinematic, dense, splash, mixed, webtoon
--aspect	3:4 (default, portrait), 4:3 (landscape), 16:9 (widescreen)
--lang	auto (default), zh, en, ja, etc.

Styles (visual aesthetics):

Style	Description	Best For
classic (default)	Traditional Ligne Claire with clean uniform outlines, flat colors, detailed backgrounds	Biographies, balanced narratives, educational content
dramatic	High contrast with heavy shadows, intense expressions, angular compositions	Pivotal discoveries, conflicts, climactic scenes
warm	Soft edges, golden tones, cozy interiors with nostalgic feel	Personal stories, childhood scenes, mentorship
sepia	Vintage illustration style with aged paper effect, period-accurate details	Pre-1950s stories, classical science, historical figures
vibrant	Energetic lines with weight variation, bright colors, dynamic poses	Science explanations, "aha" moments, young audience
ohmsha	Manga guide style with visual metaphors, gadgets, student/mentor dynamic	Technical tutorials, complex concepts (ML, physics)
realistic	Full-color realistic manga with digital painting, smooth gradients, accurate proportions	Wine, food, business, lifestyle, professional topics
wuxia	Hong Kong martial arts style with ink brush strokes, dynamic combat, qi effects	Martial arts, wuxia/xianxia, Chinese historical fiction

Style Previews:

classic	dramatic	warm
sepia	vibrant	ohmsha
realistic	wuxia

Layouts (panel arrangement):

Layout	Panels/Page	Best for
standard	4-6	Dialogue, narrative flow
cinematic	2-4	Dramatic moments, establishing shots
dense	6-9	Technical explanations, timelines
splash	1-2 large	Key moments, revelations
mixed	3-7 varies	Complex narratives, emotional arcs
webtoon	3-5 vertical	Ohmsha tutorials, mobile reading

Layout Previews:

standard	cinematic	dense
splash	mixed	webtoon

Smart article illustration skill. Analyzes article content and generates illustrations at positions requiring visual aids.

/baoyu-article-illustrator path/to/article.md

Post content and articles to X (Twitter). Supports regular posts with images and X Articles (long-form Markdown). Uses real Chrome with CDP to bypass anti-automation.

# Post with text
/baoyu-post-to-x "Hello from Claude Code!"

# Post with images
/baoyu-post-to-x "Check this out" --image photo.png

# Post X Article
/baoyu-post-to-x --article path/to/article.md

Post content to WeChat Official Account (微信公众号). Two modes available:

Image-Text (图文) - Multiple images with short title/content:

/baoyu-post-to-wechat 图文 --markdown article.md --images ./photos/
/baoyu-post-to-wechat 图文 --markdown article.md --image img1.png --image img2.png --image img3.png
/baoyu-post-to-wechat 图文 --title "标题" --content "内容" --image img1.png --submit

Article (文章) - Full markdown/HTML with rich formatting:

/baoyu-post-to-wechat 文章 --markdown article.md
/baoyu-post-to-wechat 文章 --markdown article.md --theme grace
/baoyu-post-to-wechat 文章 --html article.html

Prerequisites: Google Chrome installed. First run requires QR code login (session preserved).

AI-powered generation backends.

Interacts with Gemini Web to generate text and images.

Text Generation:

/baoyu-danger-gemini-web "Hello, Gemini"
/baoyu-danger-gemini-web --prompt "Explain quantum computing"

Image Generation:

/baoyu-danger-gemini-web --prompt "A cute cat" --image cat.png
/baoyu-danger-gemini-web --promptfiles system.md content.md --image out.png

Utility tools for content processing.

Converts X (Twitter) content to markdown format. Supports tweet threads and X Articles.

# Convert tweet to markdown
/baoyu-danger-x-to-markdown https://x.com/username/status/123456

# Save to specific file
/baoyu-danger-x-to-markdown https://x.com/username/status/123456 -o output.md

# JSON output
/baoyu-danger-x-to-markdown https://x.com/username/status/123456 --json

Supported URLs:

• https://x.com/<user>/status/<id>
• https://twitter.com/<user>/status/<id>
• https://x.com/i/article/<id>

Authentication: Uses environment variables (X_AUTH_TOKEN, X_CT0) or Chrome login for cookie-based auth.

Compress images to reduce file size while maintaining quality.

/baoyu-compress-image path/to/image.png
/baoyu-compress-image path/to/images/ --quality 80

All skills support customization via EXTEND.md files. Create an extension file to override default styles, add custom configurations, or define your own presets.

Extension paths (checked in priority order):

1. .baoyu-skills/<skill-name>/EXTEND.md - Project-level (for team/project-specific settings)
2. ~/.baoyu-skills/<skill-name>/EXTEND.md - User-level (for personal preferences)

Example: To customize baoyu-cover-image with your brand colors:

mkdir -p .baoyu-skills/baoyu-cover-image

Then create .baoyu-skills/baoyu-cover-image/EXTEND.md:

## Custom Styles

### brand
- Primary color: #1a73e8
- Secondary color: #34a853
- Font style: Modern sans-serif
- Always include company logo watermark

The extension content will be loaded before skill execution and override defaults.

This skill uses the Gemini Web API (reverse-engineered).

Warning: This project uses unofficial API access via browser cookies. Use at your own risk.

• First run opens a browser to authenticate with Google
• Cookies are cached for subsequent runs
• No guarantees on API stability or availability

Supported browsers (auto-detected): Google Chrome, Chrome Canary/Beta, Chromium, Microsoft Edge

Proxy configuration: If you need a proxy to access Google services (e.g., in China), set environment variables inline:

HTTP_PROXY=http://127.0.0.1:7890 HTTPS_PROXY=http://127.0.0.1:7890 /baoyu-danger-gemini-web "Hello"

This skill uses a reverse-engineered X (Twitter) API.

Warning: This is NOT an official API. Use at your own risk.

• May break without notice if X changes their API
• Account restrictions possible if API usage detected
• First use requires consent acknowledgment
• Authentication via environment variables or Chrome login

MIT