{"id":44318695,"url":"https://github.com/JimLiu/baoyu-skills","last_synced_at":"2026-02-12T19:01:15.361Z","repository":{"id":332466508,"uuid":"1133207146","full_name":"JimLiu/baoyu-skills","owner":"JimLiu","description":null,"archived":false,"fork":false,"pushed_at":"2026-01-29T04:31:58.000Z","size":25383,"stargazers_count":3181,"open_issues_count":1,"forks_count":357,"subscribers_count":25,"default_branch":"main","last_synced_at":"2026-01-29T08:54:23.079Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JimLiu.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-01-13T03:04:56.000Z","updated_at":"2026-01-29T08:40:02.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/JimLiu/baoyu-skills","commit_stats":null,"previous_names":["jimliu/baoyu-skills"],"tags_count":62,"template":false,"template_full_name":null,"purl":"pkg:github/JimLiu/baoyu-skills","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JimLiu%2Fbaoyu-skills","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JimLiu%2Fbaoyu-skills/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JimLiu%2Fbaoyu-skills/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JimLiu%2Fbaoyu-skills/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JimLiu","download_url":"https://codeload.github.com/JimLiu/baoyu-skills/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JimLiu%2Fbaoyu-skills/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29377896,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-12T18:59:55.292Z","status":"ssl_error","status_checked_at":"2026-02-12T18:59:44.289Z","response_time":55,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-02-11T06:00:38.871Z","updated_at":"2026-02-12T19:01:15.354Z","avatar_url":"https://github.com/JimLiu.png","language":"TypeScript","funding_links":[],"categories":["未分类","Claude Code Skills","TypeScript","Source Catalog","6 つのトラック","Skills","📦 Skill Collections","A01_文本生成_文本对话","精选技能","Media \u0026 Content Creation","Uncategorized","Content Creation Skills","内容创作技能","AI开源项目","精选文章"],"sub_categories":["文档与写作","Tier 3：トップ AI 人材の IP と方法論","大语言对话模型及数据","内容创作","去水印","Uncategorized","AI Skills","Agent Skills"],"readme":"# baoyu-skills\n\nEnglish | [中文](./README.zh.md)\n\nSkills shared by Baoyu for improving daily work efficiency with Claude Code.\n\n## Prerequisites\n\n- Node.js environment installed\n- Ability to run `npx bun` commands\n\n## Installation\n\n### Quick Install (Recommended)\n\n```bash\nnpx skills add jimliu/baoyu-skills\n```\n\n### Register as Plugin Marketplace\n\nRun the following command in Claude Code:\n\n```bash\n/plugin marketplace add jimliu/baoyu-skills\n```\n\n### Install Skills\n\n**Option 1: Via Browse UI**\n\n1. Select **Browse and install plugins**\n2. Select **baoyu-skills**\n3. Select the plugin(s) you want to install\n4. Select **Install now**\n\n**Option 2: Direct Install**\n\n```bash\n# Install specific plugin\n/plugin install content-skills@baoyu-skills\n/plugin install ai-generation-skills@baoyu-skills\n/plugin install utility-skills@baoyu-skills\n```\n\n**Option 3: Ask the Agent**\n\nSimply tell Claude Code:\n\n\u003e Please install Skills from github.com/JimLiu/baoyu-skills\n\n### Available Plugins\n\n| Plugin | Description | Skills |\n|--------|-------------|--------|\n| **content-skills** | Content generation and publishing | [xhs-images](#baoyu-xhs-images), [infographic](#baoyu-infographic), [cover-image](#baoyu-cover-image), [slide-deck](#baoyu-slide-deck), [comic](#baoyu-comic), [article-illustrator](#baoyu-article-illustrator), [post-to-x](#baoyu-post-to-x), [post-to-wechat](#baoyu-post-to-wechat) |\n| **ai-generation-skills** | AI-powered generation backends | [image-gen](#baoyu-image-gen), [danger-gemini-web](#baoyu-danger-gemini-web) |\n| **utility-skills** | Utility tools for content processing | [url-to-markdown](#baoyu-url-to-markdown), [danger-x-to-markdown](#baoyu-danger-x-to-markdown), [compress-image](#baoyu-compress-image), [format-markdown](#baoyu-format-markdown) |\n\n## Update Skills\n\nTo update skills to the latest version:\n\n1. Run `/plugin` in Claude Code\n2. Switch to **Marketplaces** tab (use arrow keys or Tab)\n3. Select **baoyu-skills**\n4. Choose **Update marketplace**\n\nYou can also **Enable auto-update** to get the latest versions automatically.\n\n![Update Skills](./screenshots/update-plugins.png)\n\n## Available Skills\n\nSkills are organized into three categories:\n\n### Content Skills\n\nContent generation and publishing skills.\n\n#### baoyu-xhs-images\n\nXiaohongshu (RedNote) infographic series generator. Breaks down content into 1-10 cartoon-style infographics with **Style × Layout** two-dimensional system.\n\n```bash\n# Auto-select style and layout\n/baoyu-xhs-images posts/ai-future/article.md\n\n# Specify style\n/baoyu-xhs-images posts/ai-future/article.md --style notion\n\n# Specify layout\n/baoyu-xhs-images posts/ai-future/article.md --layout dense\n\n# Combine style and layout\n/baoyu-xhs-images posts/ai-future/article.md --style tech --layout list\n\n# Direct content input\n/baoyu-xhs-images 今日星座运势\n```\n\n**Styles** (visual aesthetics): `cute` (default), `fresh`, `warm`, `bold`, `minimal`, `retro`, `pop`, `notion`, `chalkboard`\n\n**Style Previews**:\n\n| | | |\n|:---:|:---:|:---:|\n| ![cute](./screenshots/xhs-images-styles/cute.webp) | ![fresh](./screenshots/xhs-images-styles/fresh.webp) | ![warm](./screenshots/xhs-images-styles/warm.webp) |\n| cute | fresh | warm |\n| ![bold](./screenshots/xhs-images-styles/bold.webp) | ![minimal](./screenshots/xhs-images-styles/minimal.webp) | ![retro](./screenshots/xhs-images-styles/retro.webp) |\n| bold | minimal | retro |\n| ![pop](./screenshots/xhs-images-styles/pop.webp) | ![notion](./screenshots/xhs-images-styles/notion.webp) | ![chalkboard](./screenshots/xhs-images-styles/chalkboard.webp) |\n| pop | notion | chalkboard |\n\n**Layouts** (information density):\n| Layout | Density | Best for |\n|--------|---------|----------|\n| `sparse` | 1-2 pts | Covers, quotes |\n| `balanced` | 3-4 pts | Regular content |\n| `dense` | 5-8 pts | Knowledge cards, cheat sheets |\n| `list` | 4-7 items | Checklists, rankings |\n| `comparison` | 2 sides | Before/after, pros/cons |\n| `flow` | 3-6 steps | Processes, timelines |\n\n**Layout Previews**:\n\n| | | |\n|:---:|:---:|:---:|\n| ![sparse](./screenshots/xhs-images-layouts/sparse.webp) | ![balanced](./screenshots/xhs-images-layouts/balanced.webp) | ![dense](./screenshots/xhs-images-layouts/dense.webp) |\n| sparse | balanced | dense |\n| ![list](./screenshots/xhs-images-layouts/list.webp) | ![comparison](./screenshots/xhs-images-layouts/comparison.webp) | ![flow](./screenshots/xhs-images-layouts/flow.webp) |\n| list | comparison | flow |\n\n#### baoyu-infographic\n\nGenerate professional infographics with 20 layout types and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics.\n\n```bash\n# Auto-recommend combinations based on content\n/baoyu-infographic path/to/content.md\n\n# Specify layout\n/baoyu-infographic path/to/content.md --layout pyramid\n\n# Specify style (default: craft-handmade)\n/baoyu-infographic path/to/content.md --style technical-schematic\n\n# Specify both\n/baoyu-infographic path/to/content.md --layout funnel --style corporate-memphis\n\n# With aspect ratio\n/baoyu-infographic path/to/content.md --aspect portrait\n```\n\n**Options**:\n| Option | Description |\n|--------|-------------|\n| `--layout \u003cname\u003e` | Information layout (20 options) |\n| `--style \u003cname\u003e` | Visual style (17 options, default: craft-handmade) |\n| `--aspect \u003cratio\u003e` | landscape (16:9), portrait (9:16), square (1:1) |\n| `--lang \u003ccode\u003e` | Output language (en, zh, ja, etc.) |\n\n**Layouts** (information structure):\n\n| Layout | Best For |\n|--------|----------|\n| `bridge` | Problem-solution, gap-crossing |\n| `circular-flow` | Cycles, recurring processes |\n| `comparison-table` | Multi-factor comparisons |\n| `do-dont` | Correct vs incorrect practices |\n| `equation` | Formula breakdown, input-output |\n| `feature-list` | Product features, bullet points |\n| `fishbone` | Root cause analysis |\n| `funnel` | Conversion processes, filtering |\n| `grid-cards` | Multiple topics, overview |\n| `iceberg` | Surface vs hidden aspects |\n| `journey-path` | Customer journey, milestones |\n| `layers-stack` | Technology stack, layers |\n| `mind-map` | Brainstorming, idea mapping |\n| `nested-circles` | Levels of influence, scope |\n| `priority-quadrants` | Eisenhower matrix, 2x2 |\n| `pyramid` | Hierarchy, Maslow's needs |\n| `scale-balance` | Pros vs cons, weighing |\n| `timeline-horizontal` | History, chronological events |\n| `tree-hierarchy` | Org charts, taxonomy |\n| `venn` | Overlapping concepts |\n\n**Layout Previews**:\n\n| | | |\n|:---:|:---:|:---:|\n| ![bridge](./screenshots/infographic-layouts/bridge.webp) | ![circular-flow](./screenshots/infographic-layouts/circular-flow.webp) | ![comparison-table](./screenshots/infographic-layouts/comparison-table.webp) |\n| bridge | circular-flow | comparison-table |\n| ![do-dont](./screenshots/infographic-layouts/do-dont.webp) | ![equation](./screenshots/infographic-layouts/equation.webp) | ![feature-list](./screenshots/infographic-layouts/feature-list.webp) |\n| do-dont | equation | feature-list |\n| ![fishbone](./screenshots/infographic-layouts/fishbone.webp) | ![funnel](./screenshots/infographic-layouts/funnel.webp) | ![grid-cards](./screenshots/infographic-layouts/grid-cards.webp) |\n| fishbone | funnel | grid-cards |\n| ![iceberg](./screenshots/infographic-layouts/iceberg.webp) | ![journey-path](./screenshots/infographic-layouts/journey-path.webp) | ![layers-stack](./screenshots/infographic-layouts/layers-stack.webp) |\n| iceberg | journey-path | layers-stack |\n| ![mind-map](./screenshots/infographic-layouts/mind-map.webp) | ![nested-circles](./screenshots/infographic-layouts/nested-circles.webp) | ![priority-quadrants](./screenshots/infographic-layouts/priority-quadrants.webp) |\n| mind-map | nested-circles | priority-quadrants |\n| ![pyramid](./screenshots/infographic-layouts/pyramid.webp) | ![scale-balance](./screenshots/infographic-layouts/scale-balance.webp) | ![timeline-horizontal](./screenshots/infographic-layouts/timeline-horizontal.webp) |\n| pyramid | scale-balance | timeline-horizontal |\n| ![tree-hierarchy](./screenshots/infographic-layouts/tree-hierarchy.webp) | ![venn](./screenshots/infographic-layouts/venn.webp) | |\n| tree-hierarchy | venn | |\n\n**Styles** (visual aesthetics):\n\n| Style | Description |\n|-------|-------------|\n| `craft-handmade` (Default) | Hand-drawn illustration, paper craft aesthetic |\n| `claymation` | 3D clay figures, playful stop-motion |\n| `kawaii` | Japanese cute, big eyes, pastel colors |\n| `storybook-watercolor` | Soft painted illustrations, whimsical |\n| `chalkboard` | Colorful chalk on black board |\n| `cyberpunk-neon` | Neon glow on dark, futuristic |\n| `bold-graphic` | Comic style, halftone dots, high contrast |\n| `aged-academia` | Vintage science, sepia sketches |\n| `corporate-memphis` | Flat vector people, vibrant fills |\n| `technical-schematic` | Blueprint, isometric 3D, engineering |\n| `origami` | Folded paper forms, geometric |\n| `pixel-art` | Retro 8-bit, nostalgic gaming |\n| `ui-wireframe` | Grayscale boxes, interface mockup |\n| `subway-map` | Transit diagram, colored lines |\n| `ikea-manual` | Minimal line art, assembly style |\n| `knolling` | Organized flat-lay, top-down |\n| `lego-brick` | Toy brick construction, playful |\n\n**Style Previews**:\n\n| | | |\n|:---:|:---:|:---:|\n| ![craft-handmade](./screenshots/infographic-styles/craft-handmade.webp) | ![claymation](./screenshots/infographic-styles/claymation.webp) | ![kawaii](./screenshots/infographic-styles/kawaii.webp) |\n| craft-handmade | claymation | kawaii |\n| ![storybook-watercolor](./screenshots/infographic-styles/storybook-watercolor.webp) | ![chalkboard](./screenshots/infographic-styles/chalkboard.webp) | ![cyberpunk-neon](./screenshots/infographic-styles/cyberpunk-neon.webp) |\n| storybook-watercolor | chalkboard | cyberpunk-neon |\n| ![bold-graphic](./screenshots/infographic-styles/bold-graphic.webp) | ![aged-academia](./screenshots/infographic-styles/aged-academia.webp) | ![corporate-memphis](./screenshots/infographic-styles/corporate-memphis.webp) |\n| bold-graphic | aged-academia | corporate-memphis |\n| ![technical-schematic](./screenshots/infographic-styles/technical-schematic.webp) | ![origami](./screenshots/infographic-styles/origami.webp) | ![pixel-art](./screenshots/infographic-styles/pixel-art.webp) |\n| technical-schematic | origami | pixel-art |\n| ![ui-wireframe](./screenshots/infographic-styles/ui-wireframe.webp) | ![subway-map](./screenshots/infographic-styles/subway-map.webp) | ![ikea-manual](./screenshots/infographic-styles/ikea-manual.webp) |\n| ui-wireframe | subway-map | ikea-manual |\n| ![knolling](./screenshots/infographic-styles/knolling.webp) | ![lego-brick](./screenshots/infographic-styles/lego-brick.webp) | |\n| knolling | lego-brick | |\n\n#### baoyu-cover-image\n\nGenerate cover images for articles with 5 dimensions: Type × Palette × Rendering × Text × Mood. Combines 9 color palettes with 6 rendering styles for 54 unique combinations.\n\n```bash\n# Auto-select all dimensions based on content\n/baoyu-cover-image path/to/article.md\n\n# Quick mode: skip confirmation, use auto-selection\n/baoyu-cover-image path/to/article.md --quick\n\n# Specify dimensions (5D system)\n/baoyu-cover-image path/to/article.md --type conceptual --palette cool --rendering digital\n/baoyu-cover-image path/to/article.md --text title-subtitle --mood bold\n\n# Style presets (backward-compatible shorthand)\n/baoyu-cover-image path/to/article.md --style blueprint\n\n# Specify aspect ratio (default: 16:9)\n/baoyu-cover-image path/to/article.md --aspect 2.35:1\n\n# Visual only (no title text)\n/baoyu-cover-image path/to/article.md --no-title\n```\n\n**Five Dimensions**:\n- **Type**: `hero`, `conceptual`, `typography`, `metaphor`, `scene`, `minimal`\n- **Palette**: `warm`, `elegant`, `cool`, `dark`, `earth`, `vivid`, `pastel`, `mono`, `retro`\n- **Rendering**: `flat-vector`, `hand-drawn`, `painterly`, `digital`, `pixel`, `chalk`\n- **Text**: `none`, `title-only` (default), `title-subtitle`, `text-rich`\n- **Mood**: `subtle`, `balanced` (default), `bold`\n\n#### baoyu-slide-deck\n\nGenerate professional slide deck images from content. Creates comprehensive outlines with style instructions, then generates individual slide images.\n\n```bash\n# From markdown file\n/baoyu-slide-deck path/to/article.md\n\n# With style and audience\n/baoyu-slide-deck path/to/article.md --style corporate\n/baoyu-slide-deck path/to/article.md --audience executives\n\n# Target slide count\n/baoyu-slide-deck path/to/article.md --slides 15\n\n# Outline only (no image generation)\n/baoyu-slide-deck path/to/article.md --outline-only\n\n# With language\n/baoyu-slide-deck path/to/article.md --lang zh\n```\n\n**Options**:\n\n| Option | Description |\n|--------|-------------|\n| `--style \u003cname\u003e` | Visual style: preset name or `custom` |\n| `--audience \u003ctype\u003e` | Target: beginners, intermediate, experts, executives, general |\n| `--lang \u003ccode\u003e` | Output language (en, zh, ja, etc.) |\n| `--slides \u003cnumber\u003e` | Target slide count (8-25 recommended, max 30) |\n| `--outline-only` | Generate outline only, skip images |\n| `--prompts-only` | Generate outline + prompts, skip images |\n| `--images-only` | Generate images from existing prompts |\n| `--regenerate \u003cN\u003e` | Regenerate specific slide(s): `3` or `2,5,8` |\n\n**Style System**:\n\nStyles are built from 4 dimensions: **Texture** × **Mood** × **Typography** × **Density**\n\n| Dimension | Options |\n|-----------|---------|\n| Texture | clean, grid, organic, pixel, paper |\n| Mood | professional, warm, cool, vibrant, dark, neutral |\n| Typography | geometric, humanist, handwritten, editorial, technical |\n| Density | minimal, balanced, dense |\n\n**Presets** (pre-configured dimension combinations):\n\n| Preset | Dimensions | Best For |\n|--------|------------|----------|\n| `blueprint` (default) | grid + cool + technical + balanced | Architecture, system design |\n| `chalkboard` | organic + warm + handwritten + balanced | Education, tutorials |\n| `corporate` | clean + professional + geometric + balanced | Investor decks, proposals |\n| `minimal` | clean + neutral + geometric + minimal | Executive briefings |\n| `sketch-notes` | organic + warm + handwritten + balanced | Educational, tutorials |\n| `watercolor` | organic + warm + humanist + minimal | Lifestyle, wellness |\n| `dark-atmospheric` | clean + dark + editorial + balanced | Entertainment, gaming |\n| `notion` | clean + neutral + geometric + dense | Product demos, SaaS |\n| `bold-editorial` | clean + vibrant + editorial + balanced | Product launches, keynotes |\n| `editorial-infographic` | clean + cool + editorial + dense | Tech explainers, research |\n| `fantasy-animation` | organic + vibrant + handwritten + minimal | Educational storytelling |\n| `intuition-machine` | clean + cool + technical + dense | Technical docs, academic |\n| `pixel-art` | pixel + vibrant + technical + balanced | Gaming, developer talks |\n| `scientific` | clean + cool + technical + dense | Biology, chemistry, medical |\n| `vector-illustration` | clean + vibrant + humanist + balanced | Creative, children's content |\n| `vintage` | paper + warm + editorial + balanced | Historical, heritage |\n\n**Style Previews**:\n\n| | | |\n|:---:|:---:|:---:|\n| ![blueprint](./screenshots/slide-deck-styles/blueprint.webp) | ![chalkboard](./screenshots/slide-deck-styles/chalkboard.webp) | ![bold-editorial](./screenshots/slide-deck-styles/bold-editorial.webp) |\n| blueprint | chalkboard | bold-editorial |\n| ![corporate](./screenshots/slide-deck-styles/corporate.webp) | ![dark-atmospheric](./screenshots/slide-deck-styles/dark-atmospheric.webp) | ![editorial-infographic](./screenshots/slide-deck-styles/editorial-infographic.webp) |\n| corporate | dark-atmospheric | editorial-infographic |\n| ![fantasy-animation](./screenshots/slide-deck-styles/fantasy-animation.webp) | ![intuition-machine](./screenshots/slide-deck-styles/intuition-machine.webp) | ![minimal](./screenshots/slide-deck-styles/minimal.webp) |\n| fantasy-animation | intuition-machine | minimal |\n| ![notion](./screenshots/slide-deck-styles/notion.webp) | ![pixel-art](./screenshots/slide-deck-styles/pixel-art.webp) | ![scientific](./screenshots/slide-deck-styles/scientific.webp) |\n| notion | pixel-art | scientific |\n| ![sketch-notes](./screenshots/slide-deck-styles/sketch-notes.webp) | ![vector-illustration](./screenshots/slide-deck-styles/vector-illustration.webp) | ![vintage](./screenshots/slide-deck-styles/vintage.webp) |\n| sketch-notes | vector-illustration | vintage |\n| ![watercolor](./screenshots/slide-deck-styles/watercolor.webp) | | |\n| watercolor | | |\n\nAfter generation, slides are automatically merged into `.pptx` and `.pdf` files for easy sharing.\n\n#### baoyu-comic\n\nKnowledge comic creator with flexible art style × tone combinations. Creates original educational comics with detailed panel layouts and sequential image generation.\n\n```bash\n# From source material (auto-selects art + tone)\n/baoyu-comic posts/turing-story/source.md\n\n# Specify art style and tone\n/baoyu-comic posts/turing-story/source.md --art manga --tone warm\n/baoyu-comic posts/turing-story/source.md --art ink-brush --tone dramatic\n\n# Use preset (includes special rules)\n/baoyu-comic posts/turing-story/source.md --style ohmsha\n/baoyu-comic posts/turing-story/source.md --style wuxia\n\n# Specify layout and aspect ratio\n/baoyu-comic posts/turing-story/source.md --layout cinematic\n/baoyu-comic posts/turing-story/source.md --aspect 16:9\n\n# Specify language\n/baoyu-comic posts/turing-story/source.md --lang zh\n\n# Direct content input\n/baoyu-comic \"The story of Alan Turing and the birth of computer science\"\n```\n\n**Options**:\n| Option | Values |\n|--------|--------|\n| `--art` | `ligne-claire` (default), `manga`, `realistic`, `ink-brush`, `chalk` |\n| `--tone` | `neutral` (default), `warm`, `dramatic`, `romantic`, `energetic`, `vintage`, `action` |\n| `--style` | `ohmsha`, `wuxia`, `shoujo` (presets with special rules) |\n| `--layout` | `standard` (default), `cinematic`, `dense`, `splash`, `mixed`, `webtoon` |\n| `--aspect` | `3:4` (default, portrait), `4:3` (landscape), `16:9` (widescreen) |\n| `--lang` | `auto` (default), `zh`, `en`, `ja`, etc. |\n\n**Art Styles** (rendering technique):\n\n| Art Style | Description |\n|-----------|-------------|\n| `ligne-claire` | Uniform lines, flat colors, European comic tradition (Tintin, Logicomix) |\n| `manga` | Large eyes, manga conventions, expressive emotions |\n| `realistic` | Digital painting, realistic proportions, sophisticated |\n| `ink-brush` | Chinese brush strokes, ink wash effects |\n| `chalk` | Chalkboard aesthetic, hand-drawn warmth |\n\n**Tones** (mood/atmosphere):\n\n| Tone | Description |\n|------|-------------|\n| `neutral` | Balanced, rational, educational |\n| `warm` | Nostalgic, personal, comforting |\n| `dramatic` | High contrast, intense, powerful |\n| `romantic` | Soft, beautiful, decorative elements |\n| `energetic` | Bright, dynamic, exciting |\n| `vintage` | Historical, aged, period authenticity |\n| `action` | Speed lines, impact effects, combat |\n\n**Presets** (art + tone + special rules):\n\n| Preset | Equivalent | Special Rules |\n|--------|-----------|---------------|\n| `ohmsha` | manga + neutral | Visual metaphors, NO talking heads, gadget reveals |\n| `wuxia` | ink-brush + action | Qi effects, combat visuals, atmospheric elements |\n| `shoujo` | manga + romantic | Decorative elements, eye details, romantic beats |\n\n**Layouts** (panel arrangement):\n| Layout | Panels/Page | Best for |\n|--------|-------------|----------|\n| `standard` | 4-6 | Dialogue, narrative flow |\n| `cinematic` | 2-4 | Dramatic moments, establishing shots |\n| `dense` | 6-9 | Technical explanations, timelines |\n| `splash` | 1-2 large | Key moments, revelations |\n| `mixed` | 3-7 varies | Complex narratives, emotional arcs |\n| `webtoon` | 3-5 vertical | Ohmsha tutorials, mobile reading |\n\n**Layout Previews**:\n\n| | | |\n|:---:|:---:|:---:|\n| ![standard](./screenshots/comic-layouts/standard.webp) | ![cinematic](./screenshots/comic-layouts/cinematic.webp) | ![dense](./screenshots/comic-layouts/dense.webp) |\n| standard | cinematic | dense |\n| ![splash](./screenshots/comic-layouts/splash.webp) | ![mixed](./screenshots/comic-layouts/mixed.webp) | ![webtoon](./screenshots/comic-layouts/webtoon.webp) |\n| splash | mixed | webtoon |\n\n#### baoyu-article-illustrator\n\nSmart article illustration skill with Type × Style two-dimension approach. Analyzes article structure, identifies positions requiring visual aids, and generates illustrations.\n\n```bash\n# Auto-select type and style based on content\n/baoyu-article-illustrator path/to/article.md\n\n# Specify type\n/baoyu-article-illustrator path/to/article.md --type infographic\n\n# Specify style\n/baoyu-article-illustrator path/to/article.md --style blueprint\n\n# Combine type and style\n/baoyu-article-illustrator path/to/article.md --type flowchart --style notion\n```\n\n**Types** (information structure):\n\n| Type | Description | Best For |\n|------|-------------|----------|\n| `infographic` | Data visualization, charts, metrics | Technical articles, data analysis |\n| `scene` | Atmospheric illustration, mood rendering | Narrative, personal stories |\n| `flowchart` | Process diagrams, step visualization | Tutorials, workflows |\n| `comparison` | Side-by-side, before/after contrast | Product comparisons |\n| `framework` | Concept maps, relationship diagrams | Methodologies, architecture |\n| `timeline` | Chronological progression | History, project progress |\n\n**Styles** (visual aesthetics):\n\n| Style | Description | Best For |\n|-------|-------------|----------|\n| `notion` (default) | Minimalist hand-drawn line art | Knowledge sharing, SaaS, productivity |\n| `elegant` | Refined, sophisticated | Business, thought leadership |\n| `warm` | Friendly, approachable | Personal growth, lifestyle |\n| `minimal` | Ultra-clean, zen-like | Philosophy, minimalism |\n| `blueprint` | Technical schematics | Architecture, system design |\n| `watercolor` | Soft artistic with natural warmth | Lifestyle, travel, creative |\n| `editorial` | Magazine-style infographic | Tech explainers, journalism |\n| `scientific` | Academic precise diagrams | Biology, chemistry, technical |\n\n**Style Previews**:\n\n| | | |\n|:---:|:---:|:---:|\n| ![notion](./screenshots/article-illustrator-styles/notion.webp) | ![elegant](./screenshots/article-illustrator-styles/elegant.webp) | ![warm](./screenshots/article-illustrator-styles/warm.webp) |\n| notion | elegant | warm |\n| ![minimal](./screenshots/article-illustrator-styles/minimal.webp) | ![blueprint](./screenshots/article-illustrator-styles/blueprint.webp) | ![watercolor](./screenshots/article-illustrator-styles/watercolor.webp) |\n| minimal | blueprint | watercolor |\n| ![editorial](./screenshots/article-illustrator-styles/editorial.webp) | ![scientific](./screenshots/article-illustrator-styles/scientific.webp) | |\n| editorial | scientific | |\n\n#### baoyu-post-to-x\n\nPost 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.\n\n```bash\n# Post with text\n/baoyu-post-to-x \"Hello from Claude Code!\"\n\n# Post with images\n/baoyu-post-to-x \"Check this out\" --image photo.png\n\n# Post X Article\n/baoyu-post-to-x --article path/to/article.md\n```\n\n#### baoyu-post-to-wechat\n\nPost content to WeChat Official Account (微信公众号). Two modes available:\n\n**Image-Text (贴图)** - Multiple images with short title/content:\n\n```bash\n/baoyu-post-to-wechat 贴图 --markdown article.md --images ./photos/\n/baoyu-post-to-wechat 贴图 --markdown article.md --image img1.png --image img2.png --image img3.png\n/baoyu-post-to-wechat 贴图 --title \"标题\" --content \"内容\" --image img1.png --submit\n```\n\n**Article (文章)** - Full markdown/HTML with rich formatting:\n\n```bash\n/baoyu-post-to-wechat 文章 --markdown article.md\n/baoyu-post-to-wechat 文章 --markdown article.md --theme grace\n/baoyu-post-to-wechat 文章 --html article.html\n```\n\n**Publishing Methods**:\n\n| Method | Speed | Requirements |\n|--------|-------|--------------|\n| API (Recommended) | Fast | API credentials |\n| Browser | Slow | Chrome, login session |\n\n**API Configuration** (for faster publishing):\n\n```bash\n# Add to .baoyu-skills/.env (project-level) or ~/.baoyu-skills/.env (user-level)\nWECHAT_APP_ID=your_app_id\nWECHAT_APP_SECRET=your_app_secret\n```\n\nTo obtain credentials:\n1. Visit https://developers.weixin.qq.com/platform/\n2. Go to: 我的业务 → 公众号 → 开发密钥\n3. Create development key and copy AppID/AppSecret\n4. Add your machine's IP to the whitelist\n\n**Browser Method** (no API setup needed): Requires Google Chrome. First run opens browser for QR code login (session preserved).\n\n### AI Generation Skills\n\nAI-powered generation backends.\n\n#### baoyu-image-gen\n\nAI 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.\n\n```bash\n# Basic generation (auto-detect provider)\n/baoyu-image-gen --prompt \"A cute cat\" --image cat.png\n\n# With aspect ratio\n/baoyu-image-gen --prompt \"A landscape\" --image landscape.png --ar 16:9\n\n# High quality (2k)\n/baoyu-image-gen --prompt \"A banner\" --image banner.png --quality 2k\n\n# Specific provider\n/baoyu-image-gen --prompt \"A cat\" --image cat.png --provider openai\n\n# DashScope (Aliyun Tongyi Wanxiang)\n/baoyu-image-gen --prompt \"一只可爱的猫\" --image cat.png --provider dashscope\n\n# With reference images (Google multimodal only)\n/baoyu-image-gen --prompt \"Make it blue\" --image out.png --ref source.png\n```\n\n**Options**:\n| Option | Description |\n|--------|-------------|\n| `--prompt`, `-p` | Prompt text |\n| `--promptfiles` | Read prompt from files (concatenated) |\n| `--image` | Output image path (required) |\n| `--provider` | `google`, `openai` or `dashscope` (default: google) |\n| `--model`, `-m` | Model ID |\n| `--ar` | Aspect ratio (e.g., `16:9`, `1:1`, `4:3`) |\n| `--size` | Size (e.g., `1024x1024`) |\n| `--quality` | `normal` or `2k` (default: normal) |\n| `--ref` | Reference images (Google multimodal only) |\n\n**Environment Variables** (see [Environment Configuration](#environment-configuration) for setup):\n| Variable | Description | Default |\n|----------|-------------|---------|\n| `OPENAI_API_KEY` | OpenAI API key | - |\n| `GOOGLE_API_KEY` | Google API key | - |\n| `DASHSCOPE_API_KEY` | DashScope API key (Aliyun) | - |\n| `OPENAI_IMAGE_MODEL` | OpenAI model | `gpt-image-1.5` |\n| `GOOGLE_IMAGE_MODEL` | Google model | `gemini-3-pro-image-preview` |\n| `DASHSCOPE_IMAGE_MODEL` | DashScope model | `z-image-turbo` |\n| `OPENAI_BASE_URL` | Custom OpenAI endpoint | - |\n| `GOOGLE_BASE_URL` | Custom Google endpoint | - |\n| `DASHSCOPE_BASE_URL` | Custom DashScope endpoint | - |\n\n**Provider Auto-Selection**:\n1. If `--provider` specified → use it\n2. If only one API key available → use that provider\n3. If multiple available → default to Google\n\n#### baoyu-danger-gemini-web\n\nInteracts with Gemini Web to generate text and images.\n\n**Text Generation:**\n\n```bash\n/baoyu-danger-gemini-web \"Hello, Gemini\"\n/baoyu-danger-gemini-web --prompt \"Explain quantum computing\"\n```\n\n**Image Generation:**\n\n```bash\n/baoyu-danger-gemini-web --prompt \"A cute cat\" --image cat.png\n/baoyu-danger-gemini-web --promptfiles system.md content.md --image out.png\n```\n\n### Utility Skills\n\nUtility tools for content processing.\n\n#### baoyu-url-to-markdown\n\nFetch any URL via Chrome CDP and convert to clean markdown. Supports two capture modes for different scenarios.\n\n```bash\n# Auto mode (default) - capture when page loads\n/baoyu-url-to-markdown https://example.com/article\n\n# Wait mode - for login-required pages\n/baoyu-url-to-markdown https://example.com/private --wait\n\n# Save to specific file\n/baoyu-url-to-markdown https://example.com/article -o output.md\n```\n\n**Capture Modes**:\n| Mode | Description | Best For |\n|------|-------------|----------|\n| Auto (default) | Captures immediately after page load | Public pages, static content |\n| Wait (`--wait`) | Waits for user signal before capture | Login-required, dynamic content |\n\n**Options**:\n| Option | Description |\n|--------|-------------|\n| `\u003curl\u003e` | URL to fetch |\n| `-o \u003cpath\u003e` | Output file path |\n| `--wait` | Wait for user signal before capturing |\n| `--timeout \u003cms\u003e` | Page load timeout (default: 30000) |\n\n#### baoyu-danger-x-to-markdown\n\nConverts X (Twitter) content to markdown format. Supports tweet threads and X Articles.\n\n```bash\n# Convert tweet to markdown\n/baoyu-danger-x-to-markdown https://x.com/username/status/123456\n\n# Save to specific file\n/baoyu-danger-x-to-markdown https://x.com/username/status/123456 -o output.md\n\n# JSON output\n/baoyu-danger-x-to-markdown https://x.com/username/status/123456 --json\n\n# Download media (images/videos) to local files\n/baoyu-danger-x-to-markdown https://x.com/username/status/123456 --download-media\n```\n\n**Supported URLs:**\n- `https://x.com/\u003cuser\u003e/status/\u003cid\u003e`\n- `https://twitter.com/\u003cuser\u003e/status/\u003cid\u003e`\n- `https://x.com/i/article/\u003cid\u003e`\n\n**Authentication:** Uses environment variables (`X_AUTH_TOKEN`, `X_CT0`) or Chrome login for cookie-based auth.\n\n#### baoyu-compress-image\n\nCompress images to reduce file size while maintaining quality.\n\n```bash\n/baoyu-compress-image path/to/image.png\n/baoyu-compress-image path/to/images/ --quality 80\n```\n\n#### baoyu-format-markdown\n\nFormat plain text or markdown files with proper frontmatter, titles, summaries, headings, bold, lists, and code blocks.\n\n```bash\n# Format a markdown file\n/baoyu-format-markdown path/to/article.md\n\n# Format with specific output\n/baoyu-format-markdown path/to/draft.md\n```\n\n**Workflow**:\n1. Read source file and analyze content structure\n2. Check/create YAML frontmatter (title, slug, summary, coverImage)\n3. Handle title: use existing, extract from H1, or generate candidates\n4. Apply formatting: headings, bold, lists, code blocks, quotes\n5. Save to `{filename}-formatted.md`\n6. Run typography script: ASCII→fullwidth quotes, CJK spacing, autocorrect\n\n**Frontmatter Fields**:\n| Field | Processing |\n|-------|------------|\n| `title` | Use existing, extract H1, or generate candidates |\n| `slug` | Infer from file path or generate from title |\n| `summary` | Generate engaging summary (100-150 chars) |\n| `coverImage` | Check for `imgs/cover.png` in same directory |\n\n**Formatting Rules**:\n| Element | Format |\n|---------|--------|\n| Titles | `#`, `##`, `###` hierarchy |\n| Key points | `**bold**` |\n| Parallel items | `-` unordered or `1.` ordered lists |\n| Code/commands | `` `inline` `` or ` ```block``` ` |\n| Quotes | `\u003e` blockquote |\n\n## Environment Configuration\n\nSome skills require API keys or custom configuration. Environment variables can be set in `.env` files:\n\n**Load Priority** (higher priority overrides lower):\n1. CLI environment variables (e.g., `OPENAI_API_KEY=xxx /baoyu-image-gen ...`)\n2. `process.env` (system environment)\n3. `\u003ccwd\u003e/.baoyu-skills/.env` (project-level)\n4. `~/.baoyu-skills/.env` (user-level)\n\n**Setup**:\n\n```bash\n# Create user-level config directory\nmkdir -p ~/.baoyu-skills\n\n# Create .env file\ncat \u003e ~/.baoyu-skills/.env \u003c\u003c 'EOF'\n# OpenAI\nOPENAI_API_KEY=sk-xxx\nOPENAI_IMAGE_MODEL=gpt-image-1.5\n# OPENAI_BASE_URL=https://api.openai.com/v1\n\n# Google\nGOOGLE_API_KEY=xxx\nGOOGLE_IMAGE_MODEL=gemini-3-pro-image-preview\n# GOOGLE_BASE_URL=https://generativelanguage.googleapis.com/v1beta\n\n# DashScope (Aliyun Tongyi Wanxiang)\nDASHSCOPE_API_KEY=sk-xxx\nDASHSCOPE_IMAGE_MODEL=z-image-turbo\n# DASHSCOPE_BASE_URL=https://dashscope.aliyuncs.com/api/v1\nEOF\n```\n\n**Project-level config** (for team sharing):\n\n```bash\nmkdir -p .baoyu-skills\n# Add .baoyu-skills/.env to .gitignore to avoid committing secrets\necho \".baoyu-skills/.env\" \u003e\u003e .gitignore\n```\n\n## Customization\n\nAll skills support customization via `EXTEND.md` files. Create an extension file to override default styles, add custom configurations, or define your own presets.\n\n**Extension paths** (checked in priority order):\n1. `.baoyu-skills/\u003cskill-name\u003e/EXTEND.md` - Project-level (for team/project-specific settings)\n2. `~/.baoyu-skills/\u003cskill-name\u003e/EXTEND.md` - User-level (for personal preferences)\n\n**Example**: To customize `baoyu-cover-image` with your brand colors:\n\n```bash\nmkdir -p .baoyu-skills/baoyu-cover-image\n```\n\nThen create `.baoyu-skills/baoyu-cover-image/EXTEND.md`:\n\n```markdown\n## Custom Palettes\n\n### corporate-tech\n- Primary colors: #1a73e8, #4A90D9\n- Background: #F5F7FA\n- Accent colors: #00B4D8, #48CAE4\n- Decorative hints: Clean lines, subtle gradients\n- Best for: SaaS, enterprise, technical\n```\n\nThe extension content will be loaded before skill execution and override defaults.\n\n## Disclaimer\n\n### baoyu-danger-gemini-web\n\nThis skill uses the Gemini Web API (reverse-engineered).\n\n**Warning:** This project uses unofficial API access via browser cookies. Use at your own risk.\n\n- First run opens a browser to authenticate with Google\n- Cookies are cached for subsequent runs\n- No guarantees on API stability or availability\n\n**Supported browsers** (auto-detected): Google Chrome, Chrome Canary/Beta, Chromium, Microsoft Edge\n\n**Proxy configuration**: If you need a proxy to access Google services (e.g., in China), set environment variables inline:\n\n```bash\nHTTP_PROXY=http://127.0.0.1:7890 HTTPS_PROXY=http://127.0.0.1:7890 /baoyu-danger-gemini-web \"Hello\"\n```\n\n### baoyu-danger-x-to-markdown\n\nThis skill uses a reverse-engineered X (Twitter) API.\n\n**Warning:** This is NOT an official API. Use at your own risk.\n\n- May break without notice if X changes their API\n- Account restrictions possible if API usage detected\n- First use requires consent acknowledgment\n- Authentication via environment variables or Chrome login\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJimLiu%2Fbaoyu-skills","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJimLiu%2Fbaoyu-skills","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJimLiu%2Fbaoyu-skills/lists"}