op7418

op7418/guizang-social-card-skill

HTML AGPL-3.0 AI & ML

🪧 Claude Code / Codex skill — generate Xiaohongshu carousels & WeChat 21:9+1:1 cover pairs. Editorial × Swiss visual systems, 28 layouts, 10 themes, single-file HTML → PNG. 小红书图文 + 公众号封面对

4.9k stars
406 forks
recent
GitHub +393 / week

4.9k

Stars

406

Forks

8

Open issues

0

Contributors

AI Analysis

A specialized Claude Code skill for generating social media carousel templates (Xiaohongshu/Rednote and WeChat cover pairs) from article text, screenshots, or video content. It provides 28 layout skeletons across two distinct visual systems (Editorial magazine-style and Swiss International grid-based), renders to PNG via single-file HTML and Playwright, and is purpose-built for Chinese social platforms and AI agents. Best suited for content creators, social media managers, and AI-assisted edi...

AI & ML Application Discovery value: 6/10
Documentation 9/10
Activity 10/10
Community 8/10
Code quality 5/10

Inferred from signals mentioned in the README (tests, CI, type safety) — not a review of the actual code.

Overall score 8/10

AI's overall editorial judgment — not an average of the bars above, can weigh other factors too.

claude-skill social-card-generation editorial-design agent-skill chinese-platforms
Actively maintained Well documented Niche/specialized use case AGPL-3.0 licensed Production ready
Deep Analysis · Based on README and public signals
2w ago

Claude Code skill for generating Xiaohongshu carousels and WeChat covers from text via single-file HTML rendering

guizang-social-card-skill is a Claude Code/Codex integration that generates social media graphics (Xiaohongshu 3:4 carousels, WeChat 21:9+1:1 cover pairs) from article text, notes, or screenshots. It offers 28 layout templates across two design systems (Editorial and Swiss International), 10 theme presets, and automates image sourcing. Designed specifically for Chinese content creators and intended for use within agentic AI environments rather than as a standalone tool.

Origin

Created 2026-05-27, one month before this analysis. Positioned as a sister project to guizang-ppt-skill (19,102 stars), sharing aesthetic language but focusing on static feed graphics rather than slide decks. Part of a broader ecosystem of Guizang-branded design skills for AI agents.

Growth

Gained 300 stars in 7 days (2026-05-20 to 2026-05-27) relative to creation date, suggesting rapid initial traction within the Chinese AI agent and content creator communities. Likely driven by: (1) novelty of Claude Code skill distribution, (2) large existing audience from guizang-ppt-skill predecessor, (3) precise fit for WeChat/Xiaohongshu creator workflows, (4) timing during peak adoption of Claude-based agent tools in Asia-Pacific region.

In production

adoption not verified. Quantifiable metrics: 4,058 stars (high velocity relative to age), 347 forks, 300-star gain in final 7 days of first month. However, stars are not adoption. No public case studies, no documented production usage, no visible Discord/community server, no issue/discussion threads mentioning real outputs. Strong signals in sibling project (guizang-ppt-skill, 19k stars) suggest the creator's ecosystem is valued, but this specific tool's real-world usage remains opaque. Adoption may exist within private Claude Code workflows and WeChat creator circles but is not publicly verifiable.

Code analysis
Architecture

Based on README: single-file HTML template + Node.js Playwright renderer. No build pipeline required. Appears to use CSS Grid for layout, CSS custom properties for theming, and likely SVG or canvas for WebGL ink backgrounds. Image sourcing integrates with Unsplash, Pexels, Flickr CC, Wallhaven APIs. Validation logic in `validate-social-deck.mjs` inspects DOM measurements at render time. Architecture is explicitly agent-friendly (HTML as editable text, no JavaScript build complexity). Cannot inspect actual implementation due to code access limitations.

Tests

not documented in README. Validation appears to occur only at render/review stage via `validate-social-deck.mjs` (checks overflow, font size limits, density, footer collision), not at template-definition or unit-test level.

Maintenance

Last push 2026-05-27 18:58:08 UTC, same day as repository creation. Repository is 31 days old as of analysis date (2026-06-27). Insufficient history to assess maintenance cadence. No evidence of issue response, PR review cycle, or update frequency beyond creation. Metadata shows active recent development, but 1-month lifespan is too short to classify as 'actively maintained' by traditional standards; more accurately described as 'newly launched'.

Honest verdict

ADOPT IF: you are a Chinese content creator using Claude Code, generating Xiaohongshu carousels or WeChat cover pairs in volume, comfortable with AI-assisted design workflow, and template variety (28 layouts × 10 themes) meets your visual needs. AVOID IF: you need broad design customization (hex colors, custom fonts), work with non-Chinese platforms, require proven production track record or vendor stability (project is <2 months old), or prefer GUI-based design tools over code-first workflows. MONITOR IF: you are evaluating Claude Code skills for deployment at scale—adoption is unverified and maintenance cadence is unknown; wait for 6-month stability signal before recommending to teams.

Independent dimensions

Mainstream potential

3/10

Technical importance

6/10

Adoption evidence

2/10

Risks
  • Adoption unverified: high GitHub star count does not indicate actual usage in real content workflows; may reflect initial novelty/hype rather than sticky adoption. Recommend validating with public user testimonials or usage metrics.
  • Maintenance unknown: repository is 1 month old with single creation/push date; no evidence of issue resolution cycle, update frequency, or long-term commitment. Risk of abandonment if creator deprioritizes or moves to other projects.
  • Narrow platform fit: optimized exclusively for Xiaohongshu and WeChat. Scope does not cover TikTok, Instagram Reels, or other major platforms, limiting addressable user base to China-focused creators.
  • Agent dependency: tool is designed to run within Claude Code/Codex environments only. Cannot be used standalone or in other AI agents without significant adaptation; locks users into specific toolchain.
  • Image sourcing brittleness: depends on external APIs (Unsplash, Wallhaven, etc.) and graceful fallback logic. Rate limits, API changes, or network instability could degrade user experience; fallback behavior not documented in README.
Prediction

Likely to stabilize as a niche, high-value tool for Chinese AI agent users and Xiaohongshu creators over next 6–12 months. Growth trajectory depends on: (1) sustained Claude Code adoption in Asia-Pacific, (2) Anthropic's commitment to skill distribution, (3) creator satisfaction with output quality and ease of use (unverified so far). May see consolidation with other Guizang skills or competition from broader Claude Code design ecosystems. Unlikely to achieve mainstream adoption outside AI-native or Chinese creator communities.

0 found this helpful

Newsletter

Get analyses like this every Monday

Free weekly digest of the most interesting open-source discoveries.

Languages

HTML
56.3%
JavaScript
32.7%
Swift
7%
Python
3.9%

Information

Language
HTML
License
AGPL-3.0
Last updated
1w ago
Created
1mo ago
Analyzed with
anthropic/claude-haiku-4-5

Stars over time

Loading…

Contributors over time

Top 100 contributors only — repos with more will plateau at 100.

Loading…

Top contributors

Contributor data not available yet.

Recent releases

No releases published yet.

Similar repos

op7418

op7418/guizang-ppt-skill

Guizang PPT Skill is an AI-agent skill for generating single-file HTML...

20.8k HTML AI & ML
JimLiu

JimLiu/baoyu-skills

Baoyu-skills is a specialized collection of 20+ AI agent skills designed for...

23.4k TypeScript AI & ML
lijigang

lijigang/ljg-skills

A collection of 20+ specialized Claude AI skills optimized for knowledge...

6.5k HTML Productivity
JimLiu

JimLiu/baoyu-design

baoyu-design packages the Claude Design engine as a portable Agent Skill for...

2.5k JavaScript AI & ML
alchaincyf

alchaincyf/huashu-design

Huashu Design is an AI-native HTML design skill for Claude Code and compatible...

21.2k HTML AI & ML
vs. alternatives
guizang-ppt-skill (19,102 stars)

Sister project for horizontal slide decks. Same visual systems, different output format and workflow. This tool is complementary, not competitive; both serve the Guizang ecosystem.

lijigang/ljg-skills (6,233 stars)

Broader HTML/CSS skill suite for Claude Code. guizang-social-card-skill is more specialized (social cards only) but potentially deeper in that niche; less directly comparable.

alchaincyf/huashu-design (19,939 stars)

Design skill ecosystem. Likely overlaps on design/layout goals but scope and target platforms differ; direct competition unclear from metadata alone.

JimJiu/baoyu-skills (22,593 stars)

Large TypeScript-based skill suite. Broader scope than guizang-social-card-skill; likely covers social card generation among other outputs. May represent indirect competition if it includes social graphics features.

Canva, Figma plugins, or Adobe Express templates

Not in repository list, but implicit competitors for WeChat/Xiaohongshu creators. Those tools offer GUI-based design; this tool targets AI-native, agentic workflows (text-to-PNG via Claude Code), a narrower but distinct category.