BeClaude

content-skills

36Community RegistryGeneralby Jim Liu (宝玉)

Content generation and publishing skills

First seen 4/17/2026

Summary

content-skills is a collection of tools for generating and publishing content, including images, slide decks, comics, and social media posts.

  • It helps developers quickly create visual assets and automate posting to platforms like X and WeChat, streamlining content workflows.

Overview

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)

bash
npx add-skill jimliu/baoyu-skills

Register as Plugin Marketplace

Run the following command in Claude Code:

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

bash
# 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

PluginDescriptionSkills
content-skillsContent generation and publishingxhs-images, cover-image, slide-deck, comic, article-illustrator, post-to-x, post-to-wechat
ai-generation-skillsAI-powered generation backendsdanger-gemini-web
utility-skillsUtility tools for content processingdanger-x-to-markdown, compress-image

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.

!Update Skills

Available Skills

Skills are organized into three categories:

Content Skills

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.

bash
# 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):

LayoutDensityBest for
sparse1-2 ptsCovers, quotes
balanced3-4 ptsRegular content
dense5-8 ptsKnowledge cards, cheat sheets
list4-7 itemsChecklists, rankings
comparison2 sidesBefore/after, pros/cons
flow3-6 stepsProcesses, timelines

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

bash
# 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), tech, warm, bold, minimal, playful, nature, retro

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

bash
# 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):

StyleDescriptionBest For
blueprint (default)Technical schematics, grid texture, engineering precisionArchitecture, system design
notionSaaS dashboard aesthetic, card-based layouts, clean data focusProduct demos, SaaS, B2B
bold-editorialHigh-impact magazine style, bold typography, dark backgroundsProduct launches, keynotes
corporateNavy/gold palette, structured layouts, professional iconsInvestor decks, proposals
dark-atmosphericCinematic dark mode, glowing accents, atmospheric depthEntertainment, gaming, creative
editorial-infographicMagazine-style explainers, flat illustrationsTech explainers, research
fantasy-animationWhimsical Ghibli/Disney style, hand-drawn animationEducational, storytelling
intuition-machineTechnical briefing, bilingual labels, aged paper textureTechnical docs, bilingual
minimalUltra-clean, maximum whitespace, single accent colorExecutive briefings, premium
pixel-artRetro 8-bit aesthetic, chunky pixels, nostalgic gamingGaming, developer talks
scientificAcademic diagrams, biological pathways, precise labelingBiology, chemistry, medical
sketch-notesHand-drawn feel, soft brush strokes, warm backgroundEducational, tutorials
vector-illustrationFlat vector, black outlines, retro soft colorsCreative proposals, explainers
vintageAged-paper aesthetic, historical document stylingHistorical, heritage, biography
watercolorSoft hand-painted textures, natural warmthLifestyle, wellness, travel

Style Previews:

!blueprint!bold-editorial!corporate
blueprintbold-editorialcorporate
!dark-atmospheric!editorial-infographic!fantasy-animation
dark-atmosphericeditorial-infographicfantasy-animation
!intuition-machine!minimal!notion
intuition-machineminimalnotion
!pixel-art!scientific!sketch-notes
pixel-artscientificsketch-notes
!vector-illustration!vintage!watercolor
vector-illustrationvintagewatercolor

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.

bash
# 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:

OptionValues
--styleclassic (default), dramatic, warm, sepia, vibrant, ohmsha, realistic, wuxia, or custom description
--layoutstandard (default), cinematic, dense, splash, mixed, webtoon
--aspect3:4 (default, portrait), 4:3 (landscape), 16:9 (widescreen)
--langauto (default), zh, en, ja, etc.

Styles (visual aesthetics):

StyleDescriptionBest For
classic (default)Traditional Ligne Claire with clean uniform outlines, flat colors, detailed backgroundsBiographies, balanced narratives, educational content
dramaticHigh contrast with heavy shadows, intense expressions, angular compositionsPivotal discoveries, conflicts, climactic scenes
warmSoft edges, golden tones, cozy interiors with nostalgic feelPersonal stories, childhood scenes, mentorship
sepiaVintage illustration style with aged paper effect, period-accurate detailsPre-1950s stories, classical science, historical figures
vibrantEnergetic lines with weight variation, bright colors, dynamic posesScience explanations, "aha" moments, young audience
ohmshaManga guide style with visual metaphors, gadgets, student/mentor dynamicTechnical tutorials, complex concepts (ML, physics)
realisticFull-color realistic manga with digital painting, smooth gradients, accurate proportionsWine, food, business, lifestyle, professional topics
wuxiaHong Kong martial arts style with ink brush strokes, dynamic combat, qi effectsMartial arts, wuxia/xianxia, Chinese historical fiction

Style Previews:

!classic!dramatic!warm
classicdramaticwarm
!sepia!vibrant!ohmsha
sepiavibrantohmsha
!realistic!wuxia
realisticwuxia

Layouts (panel arrangement):

LayoutPanels/PageBest for
standard4-6Dialogue, narrative flow
cinematic2-4Dramatic moments, establishing shots
dense6-9Technical explanations, timelines
splash1-2 largeKey moments, revelations
mixed3-7 variesComplex narratives, emotional arcs
webtoon3-5 verticalOhmsha tutorials, mobile reading

Layout Previews:

!standard!cinematic!dense
standardcinematicdense
!splash!mixed!webtoon
splashmixedwebtoon

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

bash
/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.

bash
# 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:

bash
/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:

bash
/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 Generation Skills

AI-powered generation backends.

Interacts with Gemini Web to generate text and images.

Text Generation:

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

Image Generation:

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

Utility Skills

Utility tools for content processing.

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

bash
# 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.

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

Customization

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:

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

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

markdown
## 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.

Disclaimer

baoyu-danger-gemini-web

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 Chrome to authenticate with Google
  • Cookies are cached for subsequent runs
  • No guarantees on API stability or availability

baoyu-danger-x-to-markdown

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

License

MIT

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/content-skills.md https://raw.githubusercontent.com/xuanxuan1983/baoyu-xuanyi-skills/main/SKILL.md
3
Invoke in Claude Code
/content-skills

Use Cases

Generate a cover image for a blog post or article using AI.
Create a slide deck from a markdown outline or topic.
Turn a story or script into a comic strip with AI-generated panels.
Illustrate an article with relevant AI-generated images.
Publish a post directly to X (Twitter) from within Claude Code.
Format and publish an article to WeChat Official Account.

Usage Examples

1

/content-skills cover-image --topic 'AI in healthcare' --style modern

2

/content-skills slide-deck --outline 'Introduction to Rust' --slides 10

3

/content-skills post-to-x --text 'Just published a new blog post about serverless architecture!'

View source on GitHub

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is content-skills?

content-skills is a collection of tools for generating and publishing content, including images, slide decks, comics, and social media posts. It helps developers quickly create visual assets and automate posting to platforms like X and WeChat, streamlining content workflows.

How to install content-skills?

To install content-skills: create the skills directory (mkdir -p .claude/skills), then run: mkdir -p .claude/skills && curl -o .claude/skills/content-skills.md https://raw.githubusercontent.com/xuanxuan1983/baoyu-xuanyi-skills/main/SKILL.md. Finally, /content-skills in Claude Code.

What is content-skills best for?

content-skills is a skill categorized under General. Created by Jim Liu (宝玉).

What can I use content-skills for?

content-skills is useful for: Generate a cover image for a blog post or article using AI.; Create a slide deck from a markdown outline or topic.; Turn a story or script into a comic strip with AI-generated panels.; Illustrate an article with relevant AI-generated images.; Publish a post directly to X (Twitter) from within Claude Code.; Format and publish an article to WeChat Official Account..