#184 by GitHub stars

op7418/guizang-social-card-skill

Generate Guizang-style social card image sets, Live Photo motion cards, material-first Live Photo puzzle layouts, triple Live Photo collages, long-video-to-Live-Photo treatments, and WeChat official account cover pairs from articles, scripts, screenshots, product notes, subtitles, photos, or user-su

Testing Design Writing

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

`SKILL.md`

Week of Nov 2, 2026 · +0 / −0 lines

Before Network or broad shell → After Network or broad shell

bc6773766dd4 → 64d02d435fb0

Diff text is unavailable under the recorded licenses. Line counts and the GitHub link remain available.

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Network or broad shell

First observation → bc6773766dd4

No earlier version was observed for comparison.

Compare on GitHub

View on GitHub Add to my skills

Verified commit 64d02d435fb092d3b403455a875e842fc8f29b8b

8kGitHub stars

123stars in 7 days

1skill in this repository

6commits in 30 days

Heat

7.1

Star growth, last 7 daysAhead of 89% of tracked repositories
Star growth, last 24 hoursAhead of 87% of tracked repositories
Rank movement, last 7 daysAhead of 66% of tracked repositories
Commits, last 30 daysAhead of 71% of tracked repositories
Accounts asking about it through MCP, last 7 daysNot available
Hot votes this weekAhead of 0% of tracked repositories

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Individual skills in this repository

guizang-social-card-skill /

How it works

guizang-social-card-skill

When your agent uses it

Generate Guizang-style social card image sets, Live Photo motion cards, material-first Live Photo puzzle layouts, triple Live Photo collages, long-video-to-Live-Photo treatments, and WeChat official account cover pairs from articles, scripts, screenshots, product notes, subtitles, photos, or user-supplied videos. Use when the user asks for 小红书图文, Rednote/Xiaohongshu images, social cards, carousel images, 3:4 covers, Live Photo, 实况照片, 单视频实况拼图, 二宫格实况拼图, 三连实况拼图, 四宫格实况拼图, 微信公众号封面, WeChat 21:9 + 1:1 covers, Swiss Style, or magazine-style social images.

What it loads into context

Frontmatter

174 tokens

Always available to the agent

SKILL.md

7,682 tokens

When the skill is activated

Reference documents

87,219 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

What To Produce
Core Principle
Required References
Workflow
Non-Negotiables

Scripts executed separately

assets/magazine-bg-webgl.js
package.json
scripts/check-skill-docs.mjs
scripts/gz-fonts.mjs
scripts/gz-theme.mjs
scripts/make-video-contact-sheet.py
scripts/package-live-photo.py
scripts/render.mjs
validate-social-deck.mjs

Files

.gitignoreasset545 bytes
AGENT.mddoc2,117 bytes
COMMERCIAL_LICENSING.mddoc9,379 bytes
HANDOFF.mddoc39,825 bytes
LICENSEasset34,524 bytes
PRODUCT.mddoc21,587 bytes
README.en.mddoc25,829 bytes
README.mddoc24,109 bytes
SKILL.mdcore33,469 bytes
SKILL.mdcore33,469 bytes
SKILL.mdcore33,469 bytes
SKILL.mdcore33,469 bytes
SKILL.mdcore33,469 bytes
SKILL.mdcore33,469 bytes
SKILL.mdcore33,469 bytes
SKILL.mdcore33,469 bytes
SKILL.mdcore33,469 bytes
SKILL.mdcore33,469 bytes
SKILL.mdcore33,469 bytes
agents/openai.yamlasset352 bytes
assets/magazine-bg-webgl.jsruns6,200 bytes
assets/screenshot-backgrounds/style-a/dune.webpasset160,742 bytes
assets/screenshot-backgrounds/style-a/forest-ink.webpasset237,774 bytes
assets/screenshot-backgrounds/style-a/indigo-porcelain.webpasset130,840 bytes
assets/screenshot-backgrounds/style-a/kraft-paper.webpasset256,352 bytes
assets/screenshot-backgrounds/style-a/monocle-classic.webpasset184,520 bytes
assets/screenshot-backgrounds/style-b/ikb-dot-gradient.webpasset385,692 bytes
assets/screenshot-backgrounds/style-b/lemon-green-dot-shadow.webpasset145,062 bytes
assets/screenshot-backgrounds/style-b/lemon-grid.webpasset65,512 bytes
assets/screenshot-backgrounds/style-b/safety-orange-halftone.webpasset255,056 bytes
assets/template-editorial-card.htmlasset73,472 bytes
assets/template-swiss-card.htmlasset59,028 bytes
package-lock.jsonasset5,122 bytes
package.jsonruns499 bytes
references/background-systems.mddoc3,905 bytes
references/category-cookbook.mddoc18,621 bytes
references/components.mddoc20,106 bytes
references/content-planning.mddoc5,279 bytes
references/gz-components.mddoc9,627 bytes
references/image-overlay.mddoc9,595 bytes
references/layout-recipes.mddoc35,436 bytes
references/live-photo-production.mddoc36,026 bytes
references/map-component.mddoc7,680 bytes
references/platform-specs.mddoc4,587 bytes
references/portrait-fill.mddoc2,618 bytes
references/production-workflow.mddoc6,215 bytes
references/qa-checklist.mddoc6,437 bytes
references/screenshot-treatment.mddoc10,106 bytes
references/style-system.mddoc11,690 bytes
references/theme-presets.mddoc7,157 bytes
references/title-shortener.mddoc6,994 bytes
scripts/add-livephoto-maker-note.swiftasset1,514 bytes
scripts/add-livephoto-mov-metadata.swiftasset5,849 bytes
scripts/check-skill-docs.mjsruns4,728 bytes
scripts/gz-fonts.mjsruns27,588 bytes
scripts/gz-theme.mjsruns21,089 bytes
scripts/make-video-contact-sheet.pyruns2,979 bytes
scripts/package-live-photo.pyruns1,105 bytes
scripts/render.mjsruns5,262 bytes
validate-social-deck.mjsruns23,881 bytes

No excerpt is shown for this license. Read the source on GitHub.

View the complete source on GitHub

Skills included

guizang-social-card-skill

Repository facts

License: AGPL-3.0
Created: May 27, 2026
Last pushed: Oct 30, 2026
Forks: 613
Open issues: 11
Project activity: Active

Rank over the last 12 weeks

Now #184 · best #165 · down 10 in 30 days

#180 on Oct 29
#181 from Oct 30 to Oct 31
#182 from Nov 1 to Nov 2
#183 on Nov 3
#182 from Nov 4 to Nov 6
#184 since Nov 7

65 earlier periods

#176 on Aug 2
#171 from Aug 8 to Aug 9
#173 from Aug 10 to Aug 11
#170 on Aug 12
#173 from Aug 13 to Aug 14
#172 on Aug 15
#170 on Aug 16
#169 on Aug 17
#170 from Aug 18 to Aug 19
#168 on Aug 20
#169 on Aug 21
#165 on Aug 22
#170 on Aug 23
#168 on Aug 24
#167 on Aug 25
#168 on Aug 26
#169 from Aug 27 to Aug 28
#170 on Aug 29
#169 on Aug 30
#168 on Aug 31
#172 on Sep 1
#168 on Sep 2
#171 on Sep 3
#169 on Sep 4
#171 on Sep 5
#168 on Sep 6
#170 from Sep 7 to Sep 8
#171 from Sep 9 to Sep 10
#168 on Sep 11
#171 from Sep 12 to Sep 14
#173 on Sep 15
#171 from Sep 16 to Sep 17
#173 on Sep 18
#170 on Sep 19
#173 on Sep 20
#172 from Sep 21 to Sep 22
#171 on Sep 23
#172 from Sep 24 to Sep 26
#174 on Sep 27
#176 from Sep 28 to Sep 29
#172 on Sep 30
#175 on Oct 1
#176 on Oct 2
#173 on Oct 3
#171 on Oct 4
#174 from Oct 5 to Oct 6
#176 on Oct 7
#174 on Oct 8
#177 on Oct 9
#176 on Oct 10
#177 on Oct 11
#178 on Oct 12
#179 on Oct 13
#177 on Oct 14
#176 from Oct 15 to Oct 16
#179 on Oct 17
#181 on Oct 18
#180 on Oct 19
#179 on Oct 20
#181 on Oct 21
#180 on Oct 22
#179 on Oct 23
#180 on Oct 24
#181 on Oct 25
#179 on Oct 28

Before you install

Network or broad shell

Automated signals, not a guarantee

Checked Nov 6, 2026

Risk level changed on Oct 31, 2026

Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.

Show 10 notes

SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed

No broad tool permissions
No dangerous shell commands
122 network referencesin 11 files: package-lock.json:16 README.en.md:3 README.md:3 and 8 more
No hidden or obfuscated text
No instruction overrides
9 executable scriptsin 9 files: assets/magazine-bg-webgl.js:1 package.json:1 scripts/check-skill-docs.mjs:1 and 6 more
4 references to secretsin 2 files: references/map-component.md:19 references/components.md:200
No requests to vote in Hot

Show all 135 signals by file

`COMMERCIAL_LICENSING.md`

Network accessline 15

项目地址：[op7418/guizang-social-card-skill](https://github.com/op7418/guizang-social-card-skill)

Network accessline 36

项目地址：[op7418/guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill)

Network accessline 57

项目地址：[op7418/Humanizer-zh](https://github.com/op7418/Humanizer-zh)

`LICENSE`

Network accessline 4

Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>

Network accessline 645

You should have received a copy of the GNU Affero General Public License     along with this program.  If not, see <https://www.gnu.org/licenses/>.

Network accessline 646

along with this program.  If not, see <https://www.gnu.org/licenses/>.

Network accessline 659

if any, to sign a "copyright disclaimer" for the program, if necessary. For more information on this, and how to apply and follow the GNU AGPL, see <https://www.gnu.org/licenses/>.

Network accessline 661
```
<https://www.gnu.org/licenses/>.
```

`README.en.md`

Network accessline 3

![GitHub stars](https://img.shields.io/github/stars/op7418/guizang-social-card-skill?style=flat-square)

Network accessline 4

![License](https://img.shields.io/github/license/op7418/guizang-social-card-skill?style=flat-square)

Network accessline 5

![Skill](https://img.shields.io/badge/Skill-Agent-111111?style=flat-square)

Network accessline 6

![Social Cards](https://img.shields.io/badge/Social-Cards-FF4D6D?style=flat-square)

Network accessline 7

![Live Photo](https://img.shields.io/badge/Live%20Photo-Motion%20Cards-002FA7?style=flat-square)

Network accessline 8

![Claude Code](https://img.shields.io/badge/Claude%20Code-Supported-6B5B95?style=flat-square)

Network accessline 9

![Codex](https://img.shields.io/badge/Codex-Supported-222222?style=flat-square)

Network accessline 20

> Sister project to [guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill). Shared visual language, separate maintenance. PPT solves "horizontal swipe talks"; this one solves "static feed images."

Network accessline 22

![Guizang Social Card Skill preview](https://github.com/user-attachments/assets/d370abcc-1fc4-4de1-903a-09020a6556ce)

Network accessline 27

npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill

Network accessline 33

Install guizang-social-card-skill for me. Clone https://github.com/op7418/guizang-social-card-skill into ~/.claude/skills/guizang-social-card-skill, then verify that SKILL.md, assets/, and references/ exist.

Network accessline 109

**❌ Doesn't fit**: Horizontal swipe decks (use [guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill)) / long-form video editing / pure photo retouching / plain-text editing without layout

Network accessline 163

npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill

Network accessline 169

> > 1. Make sure `~/.claude/skills/` exists (create if not) > 2. Run `git clone https://github.com/op7418/guizang-social-card-skill.git ~/.claude/skills/guizang-social-card-skill`

Network accessline 170

> 1. Make sure `~/.claude/skills/` exists (create if not) > 2. Run `git clone https://github.com/op7418/guizang-social-card-skill.git ~/.claude/skills/guizang-social-card-skill` > 3. Verify: `ls ~/.claude/skills/guizang-social-card-skill/`

Network accessline 171

> 2. Run `git clone https://github.com/op7418/guizang-social-card-skill.git ~/.claude/skills/guizang-social-card-skill`

Network accessline 180

git clone https://github.com/op7418/guizang-social-card-skill.git ~/.claude/skills/guizang-social-card-skill

Network accessline 374

AGPL-3.0 © 2026 [op7418](https://github.com/op7418)

`README.md`

Network accessline 3

![GitHub stars](https://img.shields.io/github/stars/op7418/guizang-social-card-skill?style=flat-square)

Network accessline 4

![License](https://img.shields.io/github/license/op7418/guizang-social-card-skill?style=flat-square)

Network accessline 5

![Skill](https://img.shields.io/badge/Skill-Agent-111111?style=flat-square)

Network accessline 6

![Social Cards](https://img.shields.io/badge/Social-Cards-FF4D6D?style=flat-square)

Network accessline 7

![Live Photo](https://img.shields.io/badge/Live%20Photo-Motion%20Cards-002FA7?style=flat-square)

Network accessline 8

![Claude Code](https://img.shields.io/badge/Claude%20Code-Supported-6B5B95?style=flat-square)

Network accessline 9

![Codex](https://img.shields.io/badge/Codex-Supported-222222?style=flat-square)

Network accessline 20

> 这个 Skill 是 [guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill) 的姊妹项目,共享美学语言但独立维护。PPT 解决"横向翻页演讲",这里解决"静态信息流图文"。

Network accessline 22

![Guizang Social Card Skill 效果展示](https://github.com/user-attachments/assets/d370abcc-1fc4-4de1-903a-09020a6556ce)

Network accessline 27

npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill

Network accessline 33

帮我安装 guizang-social-card-skill。请把 https://github.com/op7418/guizang-social-card-skill 克隆到 ~/.claude/skills/guizang-social-card-skill,安装完成后检查 SKILL.md、assets/、references/ 是否存在。

Network accessline 109

**❌ 不合适**:横向翻页 PPT(用 [guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill))/ 长视频正片剪辑 / 纯图片修图 / 无版式诉求的纯文字编辑

Network accessline 163

npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill

Network accessline 169

> > 1. 确保 `~/.claude/skills/` 目录存在(不存在就创建) > 2. 执行 `git clone https://github.com/op7418/guizang-social-card-skill.git ~/.claude/skills/guizang-social-card-skill`

Network accessline 170

> 1. 确保 `~/.claude/skills/` 目录存在(不存在就创建) > 2. 执行 `git clone https://github.com/op7418/guizang-social-card-skill.git ~/.claude/skills/guizang-social-card-skill` > 3. 验证:`ls ~/.claude/skills/guizang-social-card-skill/` 应该看到 `SKILL.md`、`assets

Network accessline 171

> 2. 执行 `git clone https://github.com/op7418/guizang-social-card-skill.git ~/.claude/skills/guizang-social-card-skill`

Network accessline 180

git clone https://github.com/op7418/guizang-social-card-skill.git ~/.claude/skills/guizang-social-card-skill

Network accessline 373

AGPL-3.0 © 2026 [op7418](https://github.com/op7418)

`SKILL.md`

Network accessline 264

1. **Unsplash** — `https://unsplash.com/s/photos/<keyword>`. Strong for outdoor / lifestyle / atmospheric backdrops. English keywords work best. License is permissive but verify case by case.

Network accessline 265

2. **Pexels** — `https://www.pexels.com/search/<keyword>/` or `https://www.pexels.com/zh-cn/search/<keyword>/`. **Supports Chinese keyword search natively** — fills Unsplash's gap on 国内场景 (中文街景 / 国风物件 / 本地地名). Use this first when the subjec

Network accessline 266

3. **Flickr CC-licensed pool** — `https://www.flickr.com/search/?text=<keyword>&license=2%2C3%2C4%2C5%2C6%2C9`. The license filter (`license=2,3,4,5,6,9`) restricts to Creative Commons photos. Fills the "documentary realness" gap: street ph

Network accessline 267

4. **Wallhaven** — `https://wallhaven.cc/search?q=<keyword>`. Strong for game / anime / wallpaper themes. Content is user-uploaded, rights are unverified.

`assets/magazine-bg-webgl.js`

Executable scriptline 1
```
Executable file
```

`assets/template-editorial-card.html`

Network accessline 6

<meta name="viewport" content="width=device-width,initial-scale=1">   <!-- GZ:FONTS:START · 字体由 guizang-design 字体清单生成；需要把字体内置进 HTML 时用 gz-fonts.mjs embed（卡片 skill 的 render.mjs 会自动内置） --> <link rel="preconnect" href="https://fonts.googleapis

Network accessline 7

<!-- GZ:FONTS:START · 字体由 guizang-design 字体清单生成；需要把字体内置进 HTML 时用 gz-fonts.mjs embed（卡片 skill 的 render.mjs 会自动内置） --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossor

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link rel="stylesheet" data-gz-fonts="playfair-display noto-serif-sc source-serif-4 noto-sans-sc ibm-plex-mono" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Noto+Serif+SC:wght@200..9

Network accessline 572

.gz-ring-mat.is-lg  { --mat: 28px } .gz-cross-mat       { --mat: 22px; background: currentColor; opacity: .42;   -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M8 8l6 6M14

Network accessline 573

.gz-cross-mat       { --mat: 22px; background: currentColor; opacity: .42;   -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M8 8l6 6M14 8l-6 6' stroke='%23000' stroke-widt

Network accessline 574

-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M8 8l6 6M14 8l-6 6' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") 0 0 / var(--mat) var(--mat);

Network accessline 575

mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M8 8l6 6M14 8l-6 6' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") 0 0 / var(--mat) var(--mat) }

`assets/template-swiss-card.html`

Network accessline 6

<meta name="viewport" content="width=device-width,initial-scale=1">   <!-- GZ:FONTS:START · 字体由 guizang-design 字体清单生成；需要把字体内置进 HTML 时用 gz-fonts.mjs embed（卡片 skill 的 render.mjs 会自动内置） --> <link rel="preconnect" href="https://fonts.googleapis

Network accessline 7

<!-- GZ:FONTS:START · 字体由 guizang-design 字体清单生成；需要把字体内置进 HTML 时用 gz-fonts.mjs embed（卡片 skill 的 render.mjs 会自动内置） --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossor

Network accessline 8

<link rel="preconnect" href="https://fonts.googleapis.com">

Network accessline 9

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Network accessline 10

<link rel="stylesheet" data-gz-fonts="inter noto-sans-sc jetbrains-mono" href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=JetBrains+Mono:wght@100..800&display=swap">

Network accessline 11

<!-- GZ:FONTS:END -->   <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>   <style>

Network accessline 12

<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>

Network accessline 555

.gz-ring-mat.is-lg  { --mat: 28px } .gz-cross-mat       { --mat: 22px; background: currentColor; opacity: .42;   -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M8 8l6 6M14

Network accessline 556

.gz-cross-mat       { --mat: 22px; background: currentColor; opacity: .42;   -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M8 8l6 6M14 8l-6 6' stroke='%23000' stroke-widt

Network accessline 557

-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M8 8l6 6M14 8l-6 6' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") 0 0 / var(--mat) var(--mat);

Network accessline 558

mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M8 8l6 6M14 8l-6 6' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") 0 0 / var(--mat) var(--mat) }

Network accessline 642

opacity: .12;       background: var(--ink);       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M11 4v14M4 11h14' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E") 0 0 / 2

Network accessline 643

background: var(--ink);       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M11 4v14M4 11h14' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E") 0 0 / 22px 22px;

Network accessline 644

-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M11 4v14M4 11h14' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E") 0 0 / 22px 22px;

Network accessline 645

mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M11 4v14M4 11h14' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E") 0 0 / 22px 22px;

`package-lock.json`

Network accessline 16

"node_modules/argparse": {       "version": "2.0.1",       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",

Network accessline 17

"version": "2.0.1",       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",

Network accessline 18

"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",

Network accessline 22

"node_modules/fontverter": {       "version": "2.0.0",       "resolved": "https://registry.npmjs.org/fontverter/-/fontverter-2.0.0.tgz",

Network accessline 23

"version": "2.0.0",       "resolved": "https://registry.npmjs.org/fontverter/-/fontverter-2.0.0.tgz",       "integrity": "sha512-DFVX5hvXuhi1Jven1tbpebYTCT9XYnvx6/Z+HFUPb7ZRMCW+pj2clU9VMhoTPgWKPhAs7JJDSk3CW1jNUvKCZQ==",

Network accessline 24

"resolved": "https://registry.npmjs.org/fontverter/-/fontverter-2.0.0.tgz",

Network accessline 32

"node_modules/fsevents": {       "version": "2.3.2",       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",

Network accessline 33

"version": "2.3.2",       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",

Network accessline 34

"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",

Network accessline 45

"node_modules/harfbuzzjs": {       "version": "1.6.4",       "resolved": "https://registry.npmjs.org/harfbuzzjs/-/harfbuzzjs-1.6.4.tgz",

Network accessline 46

"version": "1.6.4",       "resolved": "https://registry.npmjs.org/harfbuzzjs/-/harfbuzzjs-1.6.4.tgz",       "integrity": "sha512-T/PyfhVt1gGR2Tkf5KJUj1DQFkVBXHw552lS1iLEEDhV1Lukb3eq1pk2ov85kgbT2YUiZtJBTak9w+M7YgzUEQ==",

Network accessline 47

"resolved": "https://registry.npmjs.org/harfbuzzjs/-/harfbuzzjs-1.6.4.tgz",

Network accessline 51

"node_modules/p-limit": {       "version": "3.1.0",       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",

Network accessline 52

"version": "3.1.0",       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",

Network accessline 53

"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",

Network accessline 61

},       "funding": {         "url": "https://github.com/sponsors/sindresorhus"

Network accessline 62

"funding": {         "url": "https://github.com/sponsors/sindresorhus"       }

Network accessline 63

"url": "https://github.com/sponsors/sindresorhus"

Network accessline 66

"node_modules/pako": {       "version": "1.0.11",       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",

Network accessline 67

"version": "1.0.11",       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",       "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",

Network accessline 68

"resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",

Network accessline 72

"node_modules/playwright": {       "version": "1.60.0",       "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.60.0.tgz",

Network accessline 73

"version": "1.60.0",       "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.60.0.tgz",       "integrity": "sha512-hheHdokM8cdqCb0lcE3s+zT4t4W+vvjpGxsZlDnikarzx8tSzMebh3UiFtgqwFwnTnjYQcsyMF8ei2mCO/tpeA==",

Network accessline 74

"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.60.0.tgz",

Network accessline 89

"node_modules/playwright-core": {       "version": "1.60.0",       "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.60.0.tgz",

Network accessline 90

"version": "1.60.0",       "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.60.0.tgz",       "integrity": "sha512-9bW6zvX/m0lEbgTKJ6YppOKx8H3VOPBMOCFh2irXFOT4BbHgrx5hPjwJYLT40Lu+4qtD36qKc/Hn56StUW57IA==",

Network accessline 91

"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.60.0.tgz",

Network accessline 100

"node_modules/subset-font": {       "version": "2.9.0",       "resolved": "https://registry.npmjs.org/subset-font/-/subset-font-2.9.0.tgz",

Network accessline 101

"version": "2.9.0",       "resolved": "https://registry.npmjs.org/subset-font/-/subset-font-2.9.0.tgz",       "integrity": "sha512-WJulQeFwbewrXIGcLJbSZFWI44fHW8gNRuPzLywfDL8w38IPRbN1JFxwG76aoohw9kcFdvjVIn2QmID1iy119A==",

Network accessline 102

"resolved": "https://registry.npmjs.org/subset-font/-/subset-font-2.9.0.tgz",

Network accessline 111

"node_modules/wawoff2": {       "version": "2.0.1",       "resolved": "https://registry.npmjs.org/wawoff2/-/wawoff2-2.0.1.tgz",

Network accessline 112

"version": "2.0.1",       "resolved": "https://registry.npmjs.org/wawoff2/-/wawoff2-2.0.1.tgz",       "integrity": "sha512-r0CEmvpH63r4T15ebFqeOjGqU4+EgTx4I510NtK35EMciSdcTxCw3Byy3JnBonz7iyIFZ0AbVo0bbFpEVuhCYA==",

Network accessline 113

"resolved": "https://registry.npmjs.org/wawoff2/-/wawoff2-2.0.1.tgz",

Network accessline 124

"node_modules/woff2sfnt-sfnt2woff": {       "version": "1.0.0",       "resolved": "https://registry.npmjs.org/woff2sfnt-sfnt2woff/-/woff2sfnt-sfnt2woff-1.0.0.tgz",

Network accessline 125

"version": "1.0.0",       "resolved": "https://registry.npmjs.org/woff2sfnt-sfnt2woff/-/woff2sfnt-sfnt2woff-1.0.0.tgz",       "integrity": "sha512-edK4COc1c1EpRfMqCZO1xJOvdUtM5dbVb9iz97rScvnTevqEB3GllnLWCmMVp1MfQBdF1DFg/11I0rSyAdS4qQ==",

Network accessline 126

"resolved": "https://registry.npmjs.org/woff2sfnt-sfnt2woff/-/woff2sfnt-sfnt2woff-1.0.0.tgz",

Network accessline 133

"node_modules/yocto-queue": {       "version": "0.1.0",       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",

Network accessline 134

"version": "0.1.0",       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",

Network accessline 135

"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",

Network accessline 140

},       "funding": {         "url": "https://github.com/sponsors/sindresorhus"

Network accessline 141

"funding": {         "url": "https://github.com/sponsors/sindresorhus"       }

Network accessline 142

"url": "https://github.com/sponsors/sindresorhus"

`package.json`

Executable scriptline 1
```
Executable file
```

`references/components.md`

Access to secretsline 200
```
[Credential-related source omitted]
```

`references/live-photo-production.md`

Network accessline 201

- [`RhetTbull/makelive`](https://github.com/RhetTbull/makelive)

`references/map-component.md`

Access to secretsline 19
```
[Credential-related source omitted]
```

Network accessline 22

https://api.mapbox.com/styles/v1/mapbox/light-v11/static/

Access to secretsline 26
```
[Credential-related source omitted]
```
Network accessline 30
```
[Credential-related source omitted]
```
Network accessline 31
```
[Credential-related source omitted]
```
Access to secretsline 31
```
[Credential-related source omitted]
```

`scripts/check-skill-docs.mjs`

Executable scriptline 1
```
#!/usr/bin/env node
```

`scripts/gz-fonts.mjs`

Executable scriptline 1
```
#!/usr/bin/env node
```

Network accessline 17

export const cssHost = () => process.env.GUIZANG_FONT_CSS_HOST || 'https://fonts.googleapis.com'

Network accessline 79

const fileUrl = (pin, path) => `https://raw.githubusercontent.com/google/fonts/${pin}/${encodeURI(path)}`

Network accessline 117

async function download(url, dest) {   const res = await fetch(url)

Network accessline 118
```
const res = await fetch(url)
```

`scripts/gz-theme.mjs`

Executable scriptline 1
```
#!/usr/bin/env node
```

`scripts/make-video-contact-sheet.py`

Executable scriptline 1
```
#!/usr/bin/env python3
```

`scripts/package-live-photo.py`

Executable scriptline 1
```
#!/usr/bin/env python3
```

`scripts/render.mjs`

Executable scriptline 1
```
#!/usr/bin/env node
```

`validate-social-deck.mjs`

Executable scriptline 1
```
#!/usr/bin/env node
```

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Declared and executed: 2 facts

Contacts fonts.googleapis.com, which SKILL.md, the README and the plugin manifest do not mentionscripts/gz-fonts.mjs:17High confidence
Contacts raw.githubusercontent.com, which SKILL.md, the README and the plugin manifest do not mentionscripts/gz-fonts.mjs:79High confidence

Signal confidence: 64 facts

Network access in prose of documentationCOMMERCIAL_LICENSING.md:15Low confidence
Network access in prose of documentationCOMMERCIAL_LICENSING.md:36Low confidence
Network access in prose of documentationCOMMERCIAL_LICENSING.md:57Low confidence
Network access in prose of documentationREADME.en.md:3Low confidence
Network access in prose of documentationREADME.en.md:4Low confidence
Network access in prose of documentationREADME.en.md:5Low confidence
Network access in prose of documentationREADME.en.md:6Low confidence
Network access in prose of documentationREADME.en.md:7Low confidence
Network access in prose of documentationREADME.en.md:8Low confidence
Network access in prose of documentationREADME.en.md:9Low confidence
Network access in prose of documentationREADME.en.md:20Low confidence
Network access in prose of documentationREADME.en.md:22Low confidence
Network access in code of documentationREADME.en.md:27Low confidence
Network access in code of documentationREADME.en.md:33Low confidence
Network access in prose of documentationREADME.en.md:109Low confidence
Network access in code of documentationREADME.en.md:163Low confidence
Network access in prose of documentationREADME.en.md:169Low confidence
Network access in prose of documentationREADME.en.md:170Low confidence
Network access in prose of documentationREADME.en.md:171Low confidence
Network access in code of documentationREADME.en.md:180Low confidence
Network access in prose of documentationREADME.en.md:374Low confidence
Network access in prose of documentationREADME.md:3Low confidence
Network access in prose of documentationREADME.md:4Low confidence
Network access in prose of documentationREADME.md:5Low confidence
Network access in prose of documentationREADME.md:6Low confidence
Network access in prose of documentationREADME.md:7Low confidence
Network access in prose of documentationREADME.md:8Low confidence
Network access in prose of documentationREADME.md:9Low confidence
Network access in prose of documentationREADME.md:20Low confidence
Network access in prose of documentationREADME.md:22Low confidence
Network access in code of documentationREADME.md:27Low confidence
Network access in code of documentationREADME.md:33Low confidence
Network access in prose of documentationREADME.md:109Low confidence
Network access in code of documentationREADME.md:163Low confidence
Network access in prose of documentationREADME.md:169Low confidence
Network access in prose of documentationREADME.md:170Low confidence
Network access in prose of documentationREADME.md:171Low confidence
Network access in code of documentationREADME.md:180Low confidence
Network access in prose of documentationREADME.md:373Low confidence
Network access in prose of the SKILL.mdSKILL.md:264Low confidence
Network access in prose of the SKILL.mdSKILL.md:265Low confidence
Network access in prose of the SKILL.mdSKILL.md:266Low confidence
Network access in prose of the SKILL.mdSKILL.md:267Low confidence
Executable script in a comment of a file that runsassets/magazine-bg-webgl.js:1Low confidence
Executable script in code of a file that runspackage.json:1High confidence
Access to secrets in prose of documentation: a variable, placeholder or call, not a stored valuereferences/components.md:200Low confidence
Network access in prose of documentationreferences/live-photo-production.md:201Low confidence
Access to secrets in prose of documentationreferences/map-component.md:19Low confidence
Network access in code of documentationreferences/map-component.md:22Low confidence
Access to secrets in code of documentation: a variable, placeholder or call, not a stored valuereferences/map-component.md:26Low confidence

and 14 more

Works with

Agent compatibility, from the files in this repository
Agent	Status	Evidence	Install to
Claude Code	Compatible	Standard SKILL.md SKILL.md	`.claude/skills/<skill-name>/`
Codex	Compatible	Standard SKILL.md SKILL.md	`.agents/skills/<skill-name>/`
Cursor	Compatible	Standard SKILL.md SKILL.md	`.cursor/skills/<skill-name>/`
Gemini CLI	Compatible	Standard SKILL.md SKILL.md	`.gemini/skills/<skill-name>/`
GitHub Copilot	Compatible	Standard SKILL.md SKILL.md	`.github/skills/<skill-name>/`
OpenCode	Compatible	Standard SKILL.md SKILL.md	`.opencode/skills/<skill-name>/`

Native The repository ships a manifest, folder or frontmatter field for this agent.
Compatible A standard SKILL.md that this agent can read.
Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

Explore alternatives and comparisons

Add this badge to your README

It updates every night and links to this page.

[![op7418/guizang-social-card-skill on hotskills](https://hotskills.dev/badge/op7418-guizang-social-card-skill.svg)](https://hotskills.dev/skill/op7418-guizang-social-card-skill/)

op7418/guizang-social-card-skill

History

SKILL.md

Share this page

Heat

Stars over time

Individual skills in this repository

How it works

guizang-social-card-skill

Frontmatter

SKILL.md

Reference documents

The playbook

Scripts executed separately

Files

Skills included

Repository facts

Rank over the last 12 weeks

Before you install

COMMERCIAL_LICENSING.md

LICENSE

README.en.md

README.md

SKILL.md

assets/magazine-bg-webgl.js

assets/template-editorial-card.html

assets/template-swiss-card.html

package-lock.json

package.json

references/components.md

references/live-photo-production.md

references/map-component.md

scripts/check-skill-docs.mjs

scripts/gz-fonts.mjs

scripts/gz-theme.mjs

scripts/make-video-contact-sheet.py

scripts/package-live-photo.py

scripts/render.mjs

validate-social-deck.mjs

How the signals fit together

Works with

You might also use

op7418/guizang-yingzao-skill

yanliudesign/mono-color-skill

Nyx-abu/awwwards-ui-skill

PipeDream941/regulex-plus

NousResearch/hermes-agent

op7418/guizang-ppt-skill

Explore alternatives and comparisons

Add this badge to your README

`SKILL.md`

`COMMERCIAL_LICENSING.md`

`LICENSE`

`README.en.md`

`README.md`

`SKILL.md`

`assets/magazine-bg-webgl.js`

`assets/template-editorial-card.html`

`assets/template-swiss-card.html`

`package-lock.json`

`package.json`

`references/components.md`

`references/live-photo-production.md`

`references/map-component.md`

`scripts/check-skill-docs.mjs`

`scripts/gz-fonts.mjs`

`scripts/gz-theme.mjs`

`scripts/make-video-contact-sheet.py`

`scripts/package-live-photo.py`

`scripts/render.mjs`

`validate-social-deck.mjs`