# Guizang Social Card Skill

> A community skill that turns articles, screenshots, photos or videos into Xiaohongshu carousels, Live Photo cards and WeChat cover pairs.

Guizang Social Card Skill is a free, open-source Agent Skill by op7418 (Guizang) for social images. Give your agent an article, notes, screenshots, photos or your own video clips and it designs a set of cards for Xiaohongshu (Rednote) or a WeChat Official Account, as single-file HTML rendered to PNG. It's a community project.

What you can do with it
- Turn an article into a Xiaohongshu carousel of 3:4 cards (1080×1440), with the key points pulled out and laid out page by page
- Make a WeChat Official Account cover pair: a 21:9 main cover and a matching 1:1 share card
- Pick one of two looks: Editorial, a quiet magazine style for stories, travel and lifestyle, or Swiss, a grid style with one accent colour for reviews, data and tutorials, each with its own layouts and colour themes
- Make Live Photo cards from your own video: a single-clip card, two-, three- or four-clip grids, or a triple collage, at 5 seconds for Xiaohongshu or 3 for WeChat, plus a contact sheet to pick the best moment from a long clip
- Present screenshots on textured backgrounds and browser or phone frames, and add real maps with pins and routes for travel guides
- Find images when you don't have your own: it tries Unsplash, Pexels, Flickr Creative Commons and Wallhaven, saves them locally and lists the sources
- Check the cards before delivery: its validator flags text overflow, crowded or empty areas and footer collisions

How it connects
- Install it with npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill, or clone the repo into your agent's skills folder.
- Cards are rendered to PNG with Playwright. Live Photo exports (JPG, MOV and an iPhone .pvt package) use ffmpeg, plus makelive or the included macOS Swift helpers, and you publish them from the phone app.
- The maker supports Claude Code and Codex, and says Cursor and other local agents work if they can read and write files and run commands. Plain chatbots aren't recommended.

Good to know
- There's no account or sign-in. Your own photos and videos are used first; web images are a fallback, and you should check their licences before you post.
- The maker scopes it honestly: travel, career and recommendation posts are covered end to end, while categories that depend on photography or retouching (outfit shots, skin tests) are out of scope.
- It's licensed AGPL-3.0, and the maker offers commercial licences for platforms that want to build it in.

- Type: Skill
- Made by: op7418
- Category: Marketing & SEO
- Formats: Skills
- Version: 0049547
- Source: https://github.com/op7418/guizang-social-card-skill
- Page: https://pluginboard.ai/skills/guizang-social-card-skill

## Works with

- ChatGPT
- Claude
- Gemini
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT: Download the guizang-social-card-skill folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

### Claude

In Claude (web or desktop): Download the guizang-social-card-skill folder and zip the folder itself, then upload it in Customize → Skills.

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

### Gemini

In Gemini: Download the guizang-social-card-skill folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it).

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit op7418/guizang-social-card-skill ~/.copilot/skills/guizang-social-card-skill
```

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

### Cursor

Run in your terminal:

```shell
npx -y degit op7418/guizang-social-card-skill ~/.cursor/skills/guizang-social-card-skill
```

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

### Claude Code

Run in your terminal:

```shell
npx -y degit op7418/guizang-social-card-skill ~/.claude/skills/guizang-social-card-skill
```

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

### Codex

Run in your terminal:

```shell
npx -y degit op7418/guizang-social-card-skill ~/.agents/skills/guizang-social-card-skill
```

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

### Antigravity

In Antigravity: Copy the guizang-social-card-skill folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI).

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

### Gemini CLI

Run in your terminal:

```shell
npx -y degit op7418/guizang-social-card-skill ~/.gemini/skills/guizang-social-card-skill
```

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

### Replit

Run in your terminal:

```shell
npx -y degit op7418/guizang-social-card-skill .agents/skills/guizang-social-card-skill
```

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

### OpenClaw

Run in your terminal:

```shell
npx -y degit op7418/guizang-social-card-skill ~/.openclaw/skills/guizang-social-card-skill
```

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

### OpenCode

Run in your terminal:

```shell
npx -y degit op7418/guizang-social-card-skill ~/.config/opencode/skills/guizang-social-card-skill
```

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

### Hermes Agent

Run in your terminal:

```shell
npx -y degit op7418/guizang-social-card-skill ~/.hermes/skills/guizang-social-card-skill
```

View the folder on GitHub: https://github.com/op7418/guizang-social-card-skill

---
From Pluginboard (https://pluginboard.ai).
