🎯

baoyu-gemini-web

🎯Skill

from jimliu/baoyu-skills

What it does

Generates web-based content or interfaces using Gemini AI technology, likely enabling web page or web application creation through AI-powered generation.

baoyu-gemini-web

Installation

Install skill:

npx skills add https://github.com/jimliu/baoyu-skills --skill baoyu-gemini-web

120

Last UpdatedJan 26, 2026

View on GitHub Back to Skills

Skill Details

SKILL.md

Overview

# baoyu-skills

English | [中文](./README.zh.md)

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 skills add 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

Select Browse and install plugins
Select baoyu-skills
Select the plugin(s) you want to install
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

| Plugin | Description | Skills |

|--------|-------------|--------|

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

| ai-generation-skills | AI-powered generation backends | [image-gen](#baoyu-image-gen), [danger-gemini-web](#baoyu-danger-gemini-web) |

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

Update Skills

To update skills to the latest version:

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

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

![Update Skills](./screenshots/update-plugins.png)

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.

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

Style Previews:

| | | |

|:---:|:---:|:---:|

| ![cute](./screenshots/xhs-images-styles/cute.webp) | ![fresh](./screenshots/xhs-images-styles/fresh.webp) | ![warm](./screenshots/xhs-images-styles/warm.webp) |

| cute | fresh | warm |

| ![bold](./screenshots/xhs-images-styles/bold.webp) | ![minimal](./screenshots/xhs-images-styles/minimal.webp) | ![retro](./screenshots/xhs-images-styles/retro.webp) |

| bold | minimal | retro |

| ![pop](./screenshots/xhs-images-styles/pop.webp) | ![notion](./screenshots/xhs-images-styles/notion.webp) | ![chalkboard](./screenshots/xhs-images-styles/chalkboard.webp) |

| pop | notion | chalkboard |

Layouts (information density):

| Layout | Density | Best for |

|--------|---------|----------|

| sparse | 1-2 pts | Covers, quotes |

| balanced | 3-4 pts | Regular content |

| dense | 5-8 pts | Knowledge cards, cheat sheets |

| list | 4-7 items | Checklists, rankings |

| comparison | 2 sides | Before/after, pros/cons |

| flow | 3-6 steps | Processes, timelines |

Layout Previews:

| | | |

|:---:|:---:|:---:|

| ![sparse](./screenshots/x

More from this repository10

🎯

baoyu-slide-deck🎯Skill

Generates professional slide decks automatically from markdown content, transforming written text into visually structured presentation slides.

🎯

baoyu-article-illustrator🎯Skill

Generates illustrations and visual graphics to accompandany and enhance the visual storytelling of a written article, points, automatically creating contextually relevant images that that complem...

🎯

baoyu-cover-image🎯Skill

Generates professional and visually appealing cover images for content, optimized for social media and publishing platforms.

🎯

baoyu-xhs-images🎯Skill

Generates cartoon-style infographic images for Xiaohongshu (RedNote) posts by breaking down markdown content into a series of 1-10 visually engaging graphics with customizable styles and layouts.

🎯

baoyu-comic🎯Skill

Generates comic-style illustrations or comic strips based on text input, likely transforming written content into visual storytelling through sequential art.

🎯

baoyu-post-to-wechat🎯Skill

Publishes content directly to WeChat Official Account platform from Claude Code.

🎯

baoyu-post-to-x🎯Skill

Automatically posts content to X (formerly Twitter) from a specified markdown file or text.

🎯

baoyu-compress-image🎯Skill

Compresses images to reduce file size while maintaining visual quality, optimizing images for web and storage purposes.

🎯

release-skills🎯Skill

Automatically detects and updates version files, changelogs, and git tags across multiple project types with multi-language support and intelligent version bumping.

🎯

baoyu-danger-gemini-web🎯Skill

Generates web content or web-related artifacts using Google's Gemini AI model with potential experimental or advanced capabilities.