JimLiu

    JimLiu/baoyu-skills

    #340 this week

    web
    agent-skills
    claude-skills
    codex-skills
    openclaw-skills
    TypeScript
    MIT
    23.3K stars
    2.6K forks
    23.3K GitHub watchers
    Updated 7/8/2026
    View on GitHub

    Backblaze Generative Media Hackathon

    Build the next generation of AI media apps with Genblaze, stored on Backblaze B2. $10,000 in prizes.

    Enter the hackathon

    Loading star history...

    Use Cases & Benefits

    • Provides a collection of modular skills for Claude Code to enhance content creation, AI generation, and utility processing workflows.
    • Enables seamless installation and updating of individual skills via ClawHub or Claude Code plugin marketplace, supporting flexible, targeted usage.
    • Use for generating styled infographics and visual content from markdown to improve article presentation and social media posts.
    • Use for creating professional slide decks and comics with customizable styles and layouts for educational or business presentations.
    • Use for automating content publishing to platforms like X (Twitter) and WeChat, integrating AI-powered image generation and markdown formatting.

    About 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

    npx skills add jimliu/baoyu-skills
    

    Publish to ClawHub / OpenClaw

    This repository now supports publishing each skills/baoyu-* directory as an individual ClawHub skill.

    # Preview what would be published
    ./scripts/sync-clawhub.sh --dry-run
    
    # Publish all changed skills from ./skills
    ./scripts/sync-clawhub.sh --all
    

    ClawHub installs skills individually, not as one marketplace bundle. After publishing, users can install specific skills such as:

    clawhub install baoyu-image-gen
    clawhub install baoyu-markdown-to-html
    

    Publishing to ClawHub releases the published skill under MIT-0, per ClawHub's registry rules.

    Register as Plugin Marketplace

    Run the following command in Claude Code:

    /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

    # 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, infographic, cover-image, slide-deck, comic, article-illustrator, post-to-x, post-to-wechat, post-to-weibo
    ai-generation-skillsAI-powered generation backendsimage-gen, danger-gemini-web
    utility-skillsUtility tools for content processingurl-to-markdown, danger-x-to-markdown, compress-image, format-markdown, markdown-to-html, translate

    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.

    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:

    cutefreshwarm
    cutefreshwarm
    boldminimalretro
    boldminimalretro
    popnotionchalkboard
    popnotionchalkboard

    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

    Layout Previews:

    sparsebalanceddense
    sparsebalanceddense
    listcomparisonflow
    listcomparisonflow

    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 (named preset or custom W:H)
    /baoyu-infographic path/to/content.md --aspect portrait
    /baoyu-infographic path/to/content.md --aspect 3:4
    

    Options:

    OptionDescription
    --layout <name>Information layout (20 options)
    --style <name>Visual style (17 options, default: craft-handmade)
    --aspect <ratio>Named: landscape (16:9), portrait (9:16), square (1:1). Custom: any W:H ratio (e.g., 3:4, 4:3, 2.35:1)
    --lang <code>Output language (en, zh, ja, etc.)

    Layouts (information structure):

    LayoutBest For
    bridgeProblem-solution, gap-crossing
    circular-flowCycles, recurring processes
    comparison-tableMulti-factor comparisons
    do-dontCorrect vs incorrect practices
    equationFormula breakdown, input-output
    feature-listProduct features, bullet points
    fishboneRoot cause analysis
    funnelConversion processes, filtering
    grid-cardsMultiple topics, overview
    icebergSurface vs hidden aspects
    journey-pathCustomer journey, milestones
    layers-stackTechnology stack, layers
    mind-mapBrainstorming, idea mapping
    nested-circlesLevels of influence, scope
    priority-quadrantsEisenhower matrix, 2x2
    pyramidHierarchy, Maslow's needs
    scale-balancePros vs cons, weighing
    timeline-horizontalHistory, chronological events
    tree-hierarchyOrg charts, taxonomy
    vennOverlapping concepts

    Layout Previews:

    bridgecircular-flowcomparison-table
    bridgecircular-flowcomparison-table
    do-dontequationfeature-list
    do-dontequationfeature-list
    fishbonefunnelgrid-cards
    fishbonefunnelgrid-cards
    icebergjourney-pathlayers-stack
    icebergjourney-pathlayers-stack
    mind-mapnested-circlespriority-quadrants
    mind-mapnested-circlespriority-quadrants
    pyramidscale-balancetimeline-horizontal
    pyramidscale-balancetimeline-horizontal
    tree-hierarchyvenn
    tree-hierarchyvenn

    Styles (visual aesthetics):

    StyleDescription
    craft-handmade (Default)Hand-drawn illustration, paper craft aesthetic
    claymation3D clay figures, playful stop-motion
    kawaiiJapanese cute, big eyes, pastel colors
    storybook-watercolorSoft painted illustrations, whimsical
    chalkboardColorful chalk on black board
    cyberpunk-neonNeon glow on dark, futuristic
    bold-graphicComic style, halftone dots, high contrast
    aged-academiaVintage science, sepia sketches
    corporate-memphisFlat vector people, vibrant fills
    technical-schematicBlueprint, isometric 3D, engineering
    origamiFolded paper forms, geometric
    pixel-artRetro 8-bit, nostalgic gaming
    ui-wireframeGrayscale boxes, interface mockup
    subway-mapTransit diagram, colored lines
    ikea-manualMinimal line art, assembly style
    knollingOrganized flat-lay, top-down
    lego-brickToy brick construction, playful

    Style Previews:

    craft-handmadeclaymationkawaii
    craft-handmadeclaymationkawaii
    storybook-watercolorchalkboardcyberpunk-neon
    storybook-watercolorchalkboardcyberpunk-neon
    bold-graphicaged-academiacorporate-memphis
    bold-graphicaged-academiacorporate-memphis
    technical-schematicorigamipixel-art
    technical-schematicorigamipixel-art
    ui-wireframesubway-mapikea-manual
    ui-wireframesubway-mapikea-manual
    knollinglego-brick
    knollinglego-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

    baoyu-slide-deck

    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
    
    # Target slide count
    /baoyu-slide-deck path/to/article.md --slides 15
    
    # 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
    

    Options:

    OptionDescription
    --style <name>Visual style: preset name or custom
    --audience <type>Target: beginners, intermediate, experts, executives, general
    --lang <code>Output language (en, zh, ja, etc.)
    --slides <number>Target slide count (8-25 recommended, max 30)
    --outline-onlyGenerate outline only, skip images
    --prompts-onlyGenerate outline + prompts, skip images
    --images-onlyGenerate images from existing prompts
    --regenerate <N>Regenerate specific slide(s): 3 or 2,5,8

    Style System:

    Styles are built from 4 dimensions: Texture × Mood × Typography × Density

    DimensionOptions
    Textureclean, grid, organic, pixel, paper
    Moodprofessional, warm, cool, vibrant, dark, neutral
    Typographygeometric, humanist, handwritten, editorial, technical
    Densityminimal, balanced, dense

    Presets (pre-configured dimension combinations):

    PresetDimensionsBest For
    blueprint (default)grid + cool + technical + balancedArchitecture, system design
    chalkboardorganic + warm + handwritten + balancedEducation, tutorials
    corporateclean + professional + geometric + balancedInvestor decks, proposals
    minimalclean + neutral + geometric + minimalExecutive briefings
    sketch-notesorganic + warm + handwritten + balancedEducational, tutorials
    watercolororganic + warm + humanist + minimalLifestyle, wellness
    dark-atmosphericclean + dark + editorial + balancedEntertainment, gaming
    notionclean + neutral + geometric + denseProduct demos, SaaS
    bold-editorialclean + vibrant + editorial + balancedProduct launches, keynotes
    editorial-infographicclean + cool + editorial + denseTech explainers, research
    fantasy-animationorganic + vibrant + handwritten + minimalEducational storytelling
    intuition-machineclean + cool + technical + denseTechnical docs, academic
    pixel-artpixel + vibrant + technical + balancedGaming, developer talks
    scientificclean + cool + technical + denseBiology, chemistry, medical
    vector-illustrationclean + vibrant + humanist + balancedCreative, children's content
    vintagepaper + warm + editorial + balancedHistorical, heritage

    Style Previews:

    blueprintchalkboardbold-editorial
    blueprintchalkboardbold-editorial
    corporatedark-atmosphericeditorial-infographic
    corporatedark-atmosphericeditorial-infographic
    fantasy-animationintuition-machineminimal
    fantasy-animationintuition-machineminimal
    notionpixel-artscientific
    notionpixel-artscientific
    sketch-notesvector-illustrationvintage
    sketch-notesvector-illustrationvintage
    watercolor
    watercolor

    After generation, slides are automatically merged into .pptx and .pdf files for easy sharing.

    baoyu-comic

    Knowledge comic creator with flexible art style × tone combinations. Creates original educational comics with detailed panel layouts and sequential image generation.

    # From source material (auto-selects art + tone)
    /baoyu-comic posts/turing-story/source.md
    
    # Specify art style and tone
    /baoyu-comic posts/turing-story/source.md --art manga --tone warm
    /baoyu-comic posts/turing-story/source.md --art ink-brush --tone dramatic
    
    # Use preset (includes special rules)
    /baoyu-comic posts/turing-story/source.md --style ohmsha
    /baoyu-comic posts/turing-story/source.md --style wuxia
    
    # 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
    --artligne-claire (default), manga, realistic, ink-brush, chalk
    --toneneutral (default), warm, dramatic, romantic, energetic, vintage, action
    --styleohmsha, wuxia, shoujo (presets with special rules)
    --layoutstandard (default), cinematic, dense, splash, mixed, webtoon
    --aspect3:4 (default, portrait), 4:3 (landscape), 16:9 (widescreen)
    --langauto (default), zh, en, ja, etc.

    Art Styles (rendering technique):

    Art StyleDescription
    ligne-claireUniform lines, flat colors, European comic tradition (Tintin, Logicomix)
    mangaLarge eyes, manga conventions, expressive emotions
    realisticDigital painting, realistic proportions, sophisticated
    ink-brushChinese brush strokes, ink wash effects
    chalkChalkboard aesthetic, hand-drawn warmth

    Tones (mood/atmosphere):

    ToneDescription
    neutralBalanced, rational, educational
    warmNostalgic, personal, comforting
    dramaticHigh contrast, intense, powerful
    romanticSoft, beautiful, decorative elements
    energeticBright, dynamic, exciting
    vintageHistorical, aged, period authenticity
    actionSpeed lines, impact effects, combat

    Presets (art + tone + special rules):

    PresetEquivalentSpecial Rules
    ohmshamanga + neutralVisual metaphors, NO talking heads, gadget reveals
    wuxiaink-brush + actionQi effects, combat visuals, atmospheric elements
    shoujomanga + romanticDecorative elements, eye details, romantic beats

    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:

    standardcinematicdense
    standardcinematicdense
    splashmixedwebtoon
    splashmixedwebtoon

    baoyu-article-illustrator

    Smart article illustration skill with Type × Style two-dimension approach. Analyzes article structure, identifies positions requiring visual aids, and generates illustrations.

    # Auto-select type and style based on content
    /baoyu-article-illustrator path/to/article.md
    
    # Specify type
    /baoyu-article-illustrator path/to/article.md --type infographic
    
    # Specify style
    /baoyu-article-illustrator path/to/article.md --style blueprint
    
    # Combine type and style
    /baoyu-article-illustrator path/to/article.md --type flowchart --style notion
    

    Types (information structure):

    TypeDescriptionBest For
    infographicData visualization, charts, metricsTechnical articles, data analysis
    sceneAtmospheric illustration, mood renderingNarrative, personal stories
    flowchartProcess diagrams, step visualizationTutorials, workflows
    comparisonSide-by-side, before/after contrastProduct comparisons
    frameworkConcept maps, relationship diagramsMethodologies, architecture
    timelineChronological progressionHistory, project progress

    Styles (visual aesthetics):

    StyleDescriptionBest For
    notion (default)Minimalist hand-drawn line artKnowledge sharing, SaaS, productivity
    elegantRefined, sophisticatedBusiness, thought leadership
    warmFriendly, approachablePersonal growth, lifestyle
    minimalUltra-clean, zen-likePhilosophy, minimalism
    blueprintTechnical schematicsArchitecture, system design
    watercolorSoft artistic with natural warmthLifestyle, travel, creative
    editorialMagazine-style infographicTech explainers, journalism
    scientificAcademic precise diagramsBiology, chemistry, technical

    Style Previews:

    notionelegantwarm
    notionelegantwarm
    minimalblueprintwatercolor
    minimalblueprintwatercolor
    editorialscientific
    editorialscientific

    baoyu-post-to-x

    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.

    Plain text input is treated as a regular post. Markdown files are treated as X Articles. Scripts fill content into the browser, and the user reviews and publishes manually.

    # 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
    

    baoyu-post-to-wechat

    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
    

    Publishing Methods:

    MethodSpeedRequirements
    API (Recommended)FastAPI credentials
    BrowserSlowChrome, login session

    API Configuration (for faster publishing):

    # Add to .baoyu-skills/.env (project-level) or ~/.baoyu-skills/.env (user-level)
    WECHAT_APP_ID=your_app_id
    WECHAT_APP_SECRET=your_app_secret
    

    To obtain credentials:

    1. Visit https://developers.weixin.qq.com/platform/
    2. Go to: 我的业务 → 公众号 → 开发密钥
    3. Create development key and copy AppID/AppSecret
    4. Add your machine's IP to the whitelist

    Browser Method (no API setup needed): Requires Google Chrome. First run opens browser for QR code login (session preserved).

    Multi-Account Support: Manage multiple WeChat Official Accounts via EXTEND.md:

    mkdir -p .baoyu-skills/baoyu-post-to-wechat
    

    Create .baoyu-skills/baoyu-post-to-wechat/EXTEND.md:

    # Global settings (shared across all accounts)
    default_theme: default
    default_color: blue
    
    # Account list
    accounts:
      - name: My Tech Blog
        alias: tech-blog
        default: false
        default_publish_method: api
        default_author: Author Name
        need_open_comment: 1
        only_fans_can_comment: 0
        app_id: your_wechat_app_id
        app_secret: your_wechat_app_secret
      - name: AI Newsletter
        alias: ai-news
        default_publish_method: browser
        default_author: AI Newsletter
        need_open_comment: 1
        only_fans_can_comment: 0
    
    Accounts configuredBehavior
    No accounts blockSingle-account mode (backward compatible)
    1 accountAuto-select, no prompt
    2+ accountsPrompt to select, or use --account <alias>
    1 account has default: truePre-selected as default

    Each account gets an isolated Chrome profile for independent login sessions (browser method). API credentials can be set inline in EXTEND.md or via .env with alias-prefixed keys (e.g., WECHAT_TECH_BLOG_APP_ID).

    baoyu-post-to-weibo

    Post content to Weibo (微博). Supports regular posts with text, images, and videos, and headline articles (头条文章) with Markdown input. Uses real Chrome with CDP to bypass anti-automation.

    Regular Posts - Text + images/videos (max 18 files):

    # Post with text
    /baoyu-post-to-weibo "Hello Weibo!"
    
    # Post with images
    /baoyu-post-to-weibo "Check this out" --image photo.png
    
    # Post with video
    /baoyu-post-to-weibo "Watch this" --video clip.mp4
    

    Headline Articles (头条文章) - Long-form Markdown:

    # Publish article
    /baoyu-post-to-weibo --article article.md
    
    # With cover image
    /baoyu-post-to-weibo --article article.md --cover cover.jpg
    

    Article Options:

    OptionDescription
    --cover <path>Cover image
    --title <text>Override title (max 32 chars)
    --summary <text>Override summary (max 44 chars)

    Note: Scripts fill content into the browser. User reviews and publishes manually. First run requires manual Weibo login (session persists).

    AI Generation Skills

    AI-powered generation backends.

    baoyu-image-gen

    AI SDK-based image generation using official OpenAI, Google and DashScope (Aliyun Tongyi Wanxiang) APIs. Supports text-to-image, reference images, aspect ratios, and quality presets.

    # Basic generation (auto-detect provider)
    /baoyu-image-gen --prompt "A cute cat" --image cat.png
    
    # With aspect ratio
    /baoyu-image-gen --prompt "A landscape" --image landscape.png --ar 16:9
    
    # High quality (2k)
    /baoyu-image-gen --prompt "A banner" --image banner.png --quality 2k
    
    # Specific provider
    /baoyu-image-gen --prompt "A cat" --image cat.png --provider openai
    
    # DashScope (Aliyun Tongyi Wanxiang)
    /baoyu-image-gen --prompt "一只可爱的猫" --image cat.png --provider dashscope
    
    # With reference images (Google multimodal only)
    /baoyu-image-gen --prompt "Make it blue" --image out.png --ref source.png
    

    Options:

    OptionDescription
    --prompt, -pPrompt text
    --promptfilesRead prompt from files (concatenated)
    --imageOutput image path (required)
    --providergoogle, openai or dashscope (default: google)
    --model, -mModel ID
    --arAspect ratio (e.g., 16:9, 1:1, 4:3)
    --sizeSize (e.g., 1024x1024)
    --qualitynormal or 2k (default: normal)
    --refReference images (Google multimodal only)

    Environment Variables (see Environment Configuration for setup):

    VariableDescriptionDefault
    OPENAI_API_KEYOpenAI API key-
    GOOGLE_API_KEYGoogle API key-
    DASHSCOPE_API_KEYDashScope API key (Aliyun)-
    OPENAI_IMAGE_MODELOpenAI modelgpt-image-1.5
    GOOGLE_IMAGE_MODELGoogle modelgemini-3-pro-image-preview
    DASHSCOPE_IMAGE_MODELDashScope modelz-image-turbo
    OPENAI_BASE_URLCustom OpenAI endpoint-
    GOOGLE_BASE_URLCustom Google endpoint-
    DASHSCOPE_BASE_URLCustom DashScope endpoint-

    Provider Auto-Selection:

    1. If --provider specified → use it
    2. If only one API key available → use that provider
    3. If multiple available → default to Google

    baoyu-danger-gemini-web

    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 Skills

    Utility tools for content processing.

    baoyu-url-to-markdown

    Fetch any URL via Chrome CDP and convert to clean markdown. Saves rendered HTML snapshot alongside the markdown, and automatically falls back to a legacy extractor when Defuddle fails.

    # Auto mode (default) - capture when page loads
    /baoyu-url-to-markdown https://example.com/article
    
    # Wait mode - for login-required pages
    /baoyu-url-to-markdown https://example.com/private --wait
    
    # Save to specific file
    /baoyu-url-to-markdown https://example.com/article -o output.md
    

    Capture Modes:

    ModeDescriptionBest For
    Auto (default)Captures immediately after page loadPublic pages, static content
    Wait (--wait)Waits for user signal before captureLogin-required, dynamic content

    Options:

    OptionDescription
    <url>URL to fetch
    -o <path>Output file path
    --waitWait for user signal before capturing
    --timeout <ms>Page load timeout (default: 30000)

    baoyu-danger-x-to-markdown

    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
    
    # Download media (images/videos) to local files
    /baoyu-danger-x-to-markdown https://x.com/username/status/123456 --download-media
    

    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.

    baoyu-compress-image

    Compress images to reduce file size while maintaining quality.

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

    baoyu-format-markdown

    Format plain text or markdown files with proper frontmatter, titles, summaries, headings, bold, lists, and code blocks.

    # Format a markdown file
    /baoyu-format-markdown path/to/article.md
    
    # Format with specific output
    /baoyu-format-markdown path/to/draft.md
    

    Workflow:

    1. Read source file and analyze content structure
    2. Check/create YAML frontmatter (title, slug, summary, coverImage)
    3. Handle title: use existing, extract from H1, or generate candidates
    4. Apply formatting: headings, bold, lists, code blocks, quotes
    5. Save to {filename}-formatted.md
    6. Run typography script: ASCII→fullwidth quotes, CJK spacing, autocorrect

    Frontmatter Fields:

    FieldProcessing
    titleUse existing, extract H1, or generate candidates
    slugInfer from file path or generate from title
    summaryGenerate engaging summary (100-150 chars)
    coverImageCheck for imgs/cover.png in same directory

    Formatting Rules:

    ElementFormat
    Titles#, ##, ### hierarchy
    Key points**bold**
    Parallel items- unordered or 1. ordered lists
    Code/commands`inline` or ```block```
    Quotes> blockquote

    baoyu-markdown-to-html

    Convert markdown files into styled HTML with WeChat-compatible themes, syntax highlighting, and optional bottom citations for external links.

    # Basic conversion
    /baoyu-markdown-to-html article.md
    
    # Theme + color
    /baoyu-markdown-to-html article.md --theme grace --color red
    
    # Convert ordinary external links to bottom citations
    /baoyu-markdown-to-html article.md --cite
    

    baoyu-translate

    Translate articles and documents between languages with three modes: quick (direct), normal (analysis-informed), and refined (full publication-quality workflow with review and polish).

    # Normal mode (default) - analyze then translate
    /translate article.md --to zh-CN
    
    # Quick mode - direct translation
    /translate article.md --mode quick --to ja
    
    # Refined mode - full workflow with review and polish
    /translate article.md --mode refined --to zh-CN
    
    # Translate a URL
    /translate https://example.com/article --to zh-CN
    
    # Specify audience
    /translate article.md --to zh-CN --audience technical
    
    # Specify style
    /translate article.md --to zh-CN --style humorous
    
    # With additional glossary
    /translate article.md --to zh-CN --glossary my-terms.md
    

    Options:

    OptionDescription
    <source>File path, URL, or inline text
    --mode <mode>quick, normal (default), refined
    --from <lang>Source language (auto-detect if omitted)
    --to <lang>Target language (default: zh-CN)
    --audience <type>Target reader profile (default: general)
    --style <style>Translation style (default: storytelling)
    --glossary <file>Additional glossary file

    Modes:

    ModeStepsUse Case
    QuickTranslateShort texts, informal content
    NormalAnalyze → TranslateArticles, blog posts
    RefinedAnalyze → Translate → Review → PolishPublication-quality documents

    After normal mode completes, you can reply "继续润色" or "refine" to continue with review and polish steps.

    Audience Presets:

    ValueDescription
    generalGeneral readers (default) — plain language, more translator's notes
    technicalDevelopers / engineers — less annotation on common tech terms
    academicResearchers / scholars — formal register, precise terminology
    businessBusiness professionals — business-friendly tone

    Custom audience descriptions are also accepted, e.g., --audience "AI-interested general readers".

    Style Presets:

    ValueDescription
    storytellingEngaging narrative flow (default) — smooth transitions, vivid phrasing
    formalProfessional, structured — neutral tone, no colloquialisms
    technicalPrecise, documentation-style — concise, terminology-heavy
    literalClose to original structure — minimal restructuring
    academicScholarly, rigorous — formal register, complex clauses OK
    businessConcise, results-focused — action-oriented, executive-friendly
    humorousPreserves and adapts humor — witty, recreates comedic effect
    conversationalCasual, spoken-like — friendly, as if explaining to a friend
    elegantLiterary, polished prose — aesthetically refined, carefully crafted

    Custom style descriptions are also accepted, e.g., --style "poetic and lyrical".

    Features:

    • Custom glossaries via EXTEND.md with built-in EN→ZH glossary
    • Audience-aware translation with adjustable annotation depth
    • Automatic chunking for long documents (4000+ words) with parallel subagent translation
    • Figurative language interpreted by meaning, not word-for-word
    • Translator's notes for cultural/domain-specific references
    • Output directory with all intermediate files preserved

    Environment Configuration

    Some skills require API keys or custom configuration. Environment variables can be set in .env files:

    Load Priority (higher priority overrides lower):

    1. CLI environment variables (e.g., OPENAI_API_KEY=xxx /baoyu-image-gen ...)
    2. process.env (system environment)
    3. <cwd>/.baoyu-skills/.env (project-level)
    4. ~/.baoyu-skills/.env (user-level)

    Setup:

    # Create user-level config directory
    mkdir -p ~/.baoyu-skills
    
    # Create .env file
    cat > ~/.baoyu-skills/.env << 'EOF'
    # OpenAI
    OPENAI_API_KEY=sk-xxx
    OPENAI_IMAGE_MODEL=gpt-image-1.5
    # OPENAI_BASE_URL=https://api.openai.com/v1
    
    # Google
    GOOGLE_API_KEY=xxx
    GOOGLE_IMAGE_MODEL=gemini-3-pro-image-preview
    # GOOGLE_BASE_URL=https://generativelanguage.googleapis.com/v1beta
    
    # DashScope (Aliyun Tongyi Wanxiang)
    DASHSCOPE_API_KEY=sk-xxx
    DASHSCOPE_IMAGE_MODEL=z-image-turbo
    # DASHSCOPE_BASE_URL=https://dashscope.aliyuncs.com/api/v1
    EOF
    

    Project-level config (for team sharing):

    mkdir -p .baoyu-skills
    # Add .baoyu-skills/.env to .gitignore to avoid committing secrets
    echo ".baoyu-skills/.env" >> .gitignore
    

    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:

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

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

    ## Custom Palettes
    
    ### corporate-tech
    - Primary colors: #1a73e8, #4A90D9
    - Background: #F5F7FA
    - Accent colors: #00B4D8, #48CAE4
    - Decorative hints: Clean lines, subtle gradients
    - Best for: SaaS, enterprise, technical
    

    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 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"
    

    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

    Credits

    This project was inspired by and builds upon the following open source projects:

    License

    MIT

    Star History

    Star History Chart

    Discover Repositories

    Search across tracked repositories by name or description