Guizang Social Cards
Turn articles, screenshots, and videos into rendered social-card packages and motion cards.
The evidence shows task-folder isolation, user confirmation for image-source choices, video-duration confirmation, and restrictions on generated-file placement. However, external images, maps, fonts, and Playwright are involved, while data flows, permission boundaries, dependency security, rollback, and attribution handling are incomplete, so points were deducted.
The evidence provides detailed workflows, output dimensions, Live Photo branches, and validator rules. However, the referenced files, templates, scripts, and tests are not fully present in the supplied material, and the instructions create tension between validating output and waiting for user confirmation before validation. Static evidence is therefore insufficient for a higher score.
The evidence clearly states target platforms, trigger phrases, input types, Chinese categories, and non-fit scenarios. However, some capabilities depend on overseas image services, map services, or local browser tooling, and mainland-China network and environment compatibility is not sufficiently demonstrated, so points were deducted.
The evidence shows layered documentation, installation methods, examples, limitations, licensing, and a version number. However, package.json declares ISC while the repository states AGPL-3.0; the package author field is blank; and the referenced version history and maintenance documents were not verifiable in the supplied material. Ownership and update governance are therefore incomplete.
The evidence claims direct generation of Xiaohongshu images, WeChat covers, and Live Photo assets, with specified sizes, layouts, and rendering paths. However, no statically verifiable representative outputs or third-party execution evidence were supplied, so result quality and marginal benefit over manual alternatives remain uncertain.
The supplied SKILL.md and README contain auditable rules, commands, directory descriptions, and validator claims. However, there is no CI evidence, committed test coverage, execution record, or independent reproduction, and several referenced files and implementations are absent from the supplied material, so points were deducted.
- No scripts or rendering were executed; before installation, verify that the templates, references, scripts, and validator actually exist and run.
- package.json declares ISC while the repository states AGPL-3.0; resolve the applicable license before use or redistribution.
- Image, map, font, and video workflows may download from or send data to external services; review network behavior, source licenses, and attribution requirements before processing sensitive material.
- Reachability of the overseas image and map services from mainland-China networks was not verified.
What does this skill do, and when should you use it?
Guizang Social Cards is an Agent Skill for Claude Code and Codex that produces Xiaohongshu/Rednote carousels, WeChat Official Account cover pairs, and Live Photo motion cards. It offers two visual systems—Editorial Magazine and Swiss International—with 28 layout structures and 10 theme presets. The workflow uses single-file HTML and Playwright to render PNG assets, while video inputs can be prepared as short Live Photo cards. It is a strong fit for creators who need repeatable editorial layouts and platform-specific exports, but not for long-form video editing, pure image retouching, or text-only work without layout requirements.
It reads articles, copy, screenshots, product notes, subtitles, photos, and user-supplied videos; selects 3:4, 21:9, or 1:1 canvases; structures pages from Editorial or Swiss recipes and preset themes; renders PNGs through HTML/CSS and Playwright; previews video frames and prepares 3-second or 5-second Live Photo outputs as JPG, MOV, and .pvt; and can use image or map sources such as Unsplash, Pexels, Flickr CC, Wallhaven, Mapbox, and OSM while recording source URLs.
- A content creator turns a long article into a 5-9 page Xiaohongshu or Rednote carousel.
- A product reviewer builds Swiss-style cards for product tests, data recaps, or tutorials.
- A travel or lifestyle creator creates an Editorial carousel around supplied photos.
- A WeChat operator produces a coordinated 21:9 main cover and 1:1 sharing cover.
- A user converts a coffee, travel, or product video into a 3-second or 5-second Live Photo card.
- A tutorial author frames app, web, or code screenshots into readable social images.
What are this skill's strengths and limitations?
- Targets concrete Xiaohongshu/Rednote, WeChat cover-pair, and Live Photo deliverables.
- Provides two coherent visual systems instead of generic layout advice.
- Includes 28 layout recipes, 10 themes, screenshot treatment, text-on-image subject avoidance, and portrait-density rules.
- Uses single-file HTML and Playwright, making the output editable by an Agent and easy to render as PNG.
- Includes a Playwright-based validator for overflow, typography, density, and title-spacing issues.
- Requires shell, filesystem access, and Node.js/Playwright-style runtime conditions; ordinary chatbots are not recommended.
- Long-form video editing, pure image retouching, text-only editing, and some photography-led categories are outside scope.
- Live Photo publishing generally requires transferring the .pvt package to an iPhone and publishing from the matching mobile app.
- Licensing for web-sourced images must be assessed by the user; the source does not prove that every external image is ready for unrestricted use.
- The AGPL-3.0 license creates source-sharing obligations for modified, redistributed, or network-served derivative versions.
How do you install this skill?
In an Agent environment with shell access, run: npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill. The source also documents a manual option: git clone https://github.com/op7418/guizang-social-card-skill.git ~/.claude/skills/guizang-social-card-skill. After installation, SKILL.md, assets/, and references/ should be present. Installation locations for other clients are not specified in the source.
How do you use this skill?
After installation, give the Agent a concrete request such as: “Create a 5-page Swiss-style Xiaohongshu carousel from this article, using IKB blue.” Other supported prompts include creating a WeChat 21:9 plus 1:1 cover pair or turning a coffee video into a 5-second Xiaohongshu Live Photo. The workflow normally gathers platform, content, assets, and style; when no images are supplied, it asks the user to choose personal images, web sources, or AI generation. Rendering uses node render.mjs, and the optional validator runs with node validate-social-deck.mjs path/to/task-dir.
How does this skill compare with similar options?
The source contrasts this project with the author's guizang-ppt-skill: that project is for horizontal presentation decks, while this one is for static social-feed graphics. No other direct competitor comparison is provided.