Md2wechat
geekjourneyx/md2wechat-skill
Convert Markdown to WeChat Official Account HTML. An agent skill from geekjourneyx/md2wechat-skill.
Draws chart images such as flowcharts, architecture diagrams, ER diagrams and SWOT boards for WeChat official account articles, in one of six visual styles.
SKILL.md written in Chinese; this summary is our English description.
Install Chart Image Generator for WeChat Articles
$ npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install SpaceZephyr/creator-buddy space-chart-image --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/SpaceZephyr/creator-buddy.git skills-src && mkdir -p .claude/skills && cp -r skills-src/gzh-Skills/space-chart-image .claude/skills/space-chart-image && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "space-chart-image" agent skill from https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-chart-image into .claude/skills/space-chart-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-chart-image", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-chart-imageType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install SpaceZephyr/creator-buddy space-chart-image --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/SpaceZephyr/creator-buddy.git skills-src && mkdir -p .agents/skills && cp -r skills-src/gzh-Skills/space-chart-image .agents/skills/space-chart-image && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "space-chart-image" agent skill from https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-chart-image into .agents/skills/space-chart-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-chart-image", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install SpaceZephyr/creator-buddy space-chart-image --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/SpaceZephyr/creator-buddy.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/gzh-Skills/space-chart-image .cursor/skills/space-chart-image && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "space-chart-image" agent skill from https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-chart-image into .cursor/skills/space-chart-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-chart-image", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/SpaceZephyr/creator-buddy.git --path gzh-Skills/space-chart-image--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install SpaceZephyr/creator-buddy space-chart-image --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/SpaceZephyr/creator-buddy.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/gzh-Skills/space-chart-image .gemini/skills/space-chart-image && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "space-chart-image" agent skill from https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-chart-image into .gemini/skills/space-chart-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-chart-image", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install SpaceZephyr/creator-buddy space-chart-imageInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/SpaceZephyr/creator-buddy.git skills-src && mkdir -p .github/skills && cp -r skills-src/gzh-Skills/space-chart-image .github/skills/space-chart-image && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "space-chart-image" agent skill from https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-chart-image into .github/skills/space-chart-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-chart-image", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install SpaceZephyr/creator-buddy space-chart-image --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/SpaceZephyr/creator-buddy.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/gzh-Skills/space-chart-image .opencode/skills/space-chart-image && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "space-chart-image" agent skill from https://github.com/SpaceZephyr/creator-buddy/tree/main/gzh-Skills/space-chart-image into .opencode/skills/space-chart-image/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "space-chart-image", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
space-chart-image- GitHub stars
- 1.6k
- Token cost
- ~1.7k tokens
- SKILL.md length
- 407 words
- Files
- 5 (incl. scripts, references)
- Skills in repo
- 31
- Repo updated
- First seen
- Licence
- None found
At a glance
Draws chart images such as flowcharts, architecture diagrams, ER diagrams and SWOT boards for WeChat official account articles, in one of six visual styles.
- Works in 6 steps: ：识别图表类型 → ：收集内容 → 5：用户确认 ⚠️ 必须执行 → …
- Illustrating a WeChat article with a flowchart or architecture diagram
- SKILL.md covers 你的角色, 公众号配图适配, 图表类型注册表 and 视觉风格系统, plus 5 more sections
- Runs Python scripts from its folder; calls python3; reaches api.labnana.com
What it does
You give it an article, paragraph or topic and it produces a PNG chart image sized for a WeChat official account post. It supports ten chart types: flowchart, architecture diagram, ER diagram, business model canvas, user journey map, mind map, competitive analysis, SWOT analysis, product roadmap and org chart, and it picks the type from the description when you do not name one.
Six visual styles are built in: blueprint (the default), notion, sketch-notes, corporate, dark-atmospheric and watercolor, each with recommended chart types, and the agent chooses a style by chart type unless you ask for one. Images come from the image model built into the environment (Codex's image_gen or image2, or workbuddy's), with scripts/generate_chart.py as a fallback that needs your own key. Common sizes are a 2.35:1 header image (1175x500), 16:9 or 3:2 body images and 1:1 squares. For editable HTML output it points to the space-text-logic-diagram or space-wechat-layout skills.
When your agent uses it
- Illustrating a WeChat article with a flowchart or architecture diagram
- Making a SWOT, competitor comparison or business model canvas image from a text description
- Producing a mind map or org chart image in a chosen visual style
Example prompts
- “Draw a flowchart image for the order approval process described in this article.”
- “Make a SWOT analysis image for our new coffee subscription, corporate style.”
- “Create a user journey map picture for onboarding a new gym member.”
Requirements
- An image model built into the environment, or your own API key for scripts/generate_chart.py
Workflow steps
6 steps, taken from the step headings in SKILL.md.
- ：识别图表类型
- ：收集内容
- 5：用户确认 ⚠️ 必须执行
- ：生成提示词
- ：出图（优先内置模型）
- ：保存并展示
What it can do on your machine
Read from SKILL.md and the folder at commit edf46c5. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/ (Python), which the agent can run.
Shell commands in SKILL.md call:
python3
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
api.labnana.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Chart Image Generator for WeChat Articles loads about 1.7k tokens when it runs, and up to ~5.1k if it reads all its reference files. Until then it costs about 88 tokens; SKILL.md has 407 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 407 words (~1,742 tokens).
- name
- space-chart-image
Files
SKILL.md and 4 other files (scripts, references) in gzh-Skills/space-chart-image of SpaceZephyr/creator-buddy.
- SKILL.md
- .labnana.env.example
- agents/chart.yaml
- references/chart-prompts.md
- scripts/generate_chart.py
Open the folder on GitHubat commit edf46c5
Compare with similar skills
Chart Image Generator for WeChat Articles next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Chart Image Generator for WeChat Articles this skillSpaceZephyr/creator-buddy | 1.6k | — | ~1.7k | Automated safety check: Pass | None | |
| Md2wechatgeekjourneyx/md2wechat-skill | 3.7k | — | ~3.8k | Automated safety check: Pass | Custom licence | |
| Design Image Studiokangarooking/design-image-studio | 102 | — | ~1.5k | Automated safety check: Pass | MIT | |
| Space Image StudioSpaceZephyr/design-buddy | 174 | — | ~2k | Automated safety check: Pass | None | |
| Sketch Image Promptokooo5km/Skills4U | 183 | — | ~1.8k | Automated safety check: Pass | MIT | |
| ContentclawLeoYeAI/openclaw-master-skills | 2.2k | — | ~6.8k | Automated safety check: Notes | MIT |
Similar skills
Design Image Studio
kangarooking/design-image-studio
Directly generate design-oriented AI images with strong creative direction and prompt engineering.
Space Image Studio
SpaceZephyr/design-buddy
Generates PNG images for four common needs: Xiaohongshu covers, slide illustrations, charts and article logic diagrams, with twelve visual styles and automatic style suggestions.
Sketch Image Prompt
okooo5km/Skills4U
Transforms article content or summaries into minimalist hand-drawn style JSON prompts for AI image generation tools.
Contentclaw
LeoYeAI/openclaw-master-skills
Automated content generation engine. An agent skill from LeoYeAI/openclaw-master-skills.
Generate Image
Microck/ordinary-claude-skills
Generate or edit images using AI models (FLUX, Gemini). An agent skill from Microck/ordinary-claude-skills.
More from SpaceZephyr/creator-buddy
All 31 skills in this repoWeChat Hot Article Analysis
SpaceZephyr/creator-buddy
Fetches hot WeChat Official Account articles by sector or keywords and produces a data file and an HTML report with rankings, style patterns and writing references.
Xiaohongshu Multi-Page HTML Cards
SpaceZephyr/creator-buddy
Turns an article, SOP, or tutorial into a self-contained, multi-page 3:4 HTML deck of image cards meant to be screenshotted page by page.
WeChat Viral Article Finder
SpaceZephyr/creator-buddy
Finds recent viral WeChat official account articles for a niche keyword and shows up to ten picks as cards, for topic research and benchmarking.
WeChat Article Cover Maker
SpaceZephyr/creator-buddy
Creates a 2.35:1 header cover for a WeChat official account article with image generation, keeping the headline inside the area that survives sharing crops.
Video Voiceover and Music Mixer
SpaceZephyr/creator-buddy
Adds sound to a finished video: generates narration from a script with TTS, finds royalty-free background music, and mixes everything together with ffmpeg.
Space Video Broll
SpaceZephyr/creator-buddy
动效导演 + B-roll 生成器。从一段文字/脚本/视频，一次性产出 30 秒以上的动效 B-roll 视频（HTML→确定性 MP4）。不做 PPT 式翻页，从「视觉隐喻 + 运动」出发；内置多种设计风格（暗色 SaaS 魔术、黑白打字机、暖色编辑、极简白、蓝图网格）；产出一律不用 emoji，用排版/几何/SVG 线性图标。当用户说「做 B-roll」「做个动效视频」「motion…
Related
Works with
Categories
Questions about Chart Image Generator for WeChat Articles
What does Chart Image Generator for WeChat Articles do?
Draws chart images such as flowcharts, architecture diagrams, ER diagrams and SWOT boards for WeChat official account articles, in one of six visual styles. You give it an article, paragraph or topic and it produces a PNG chart image sized for a WeChat official account post. It supports ten chart types: flowchart, architecture diagram, ER diagram, business model canvas, user journey map, mind map, competitive analysis, SWOT analysis, product roadmap and org chart, and it picks the type from the description when you do not name one.
When should I use Chart Image Generator for WeChat Articles?
Chart Image Generator for WeChat Articles fits situations like: illustrating a WeChat article with a flowchart or architecture diagram; making a SWOT, competitor comparison or business model canvas image from a text description; producing a mind map or org chart image in a chosen visual style.
How do I install Chart Image Generator for WeChat Articles in Claude Code?
Run `npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -a claude-code`. Or copy the skill folder (gzh-Skills/space-chart-image in SpaceZephyr/creator-buddy) into .claude/skills/space-chart-image in your project. Claude Code loads it when a task matches its description.
How do I install Chart Image Generator for WeChat Articles in Codex?
Run `npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -a codex`. Or copy the skill folder (gzh-Skills/space-chart-image in SpaceZephyr/creator-buddy) into .agents/skills/space-chart-image in your project. Codex loads it when a task matches its description.
Can I use Chart Image Generator for WeChat Articles in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add SpaceZephyr/creator-buddy --skill space-chart-image -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/space-chart-image, .gemini/skills/space-chart-image, .github/skills/space-chart-image and .opencode/skills/space-chart-image in your project.
What does Chart Image Generator for WeChat Articles need to run?
Going by SKILL.md and its folder, Chart Image Generator for WeChat Articles needs Python for the scripts in its folder and the command-line tools its instructions call (python3). Our summary lists: An image model built into the environment, or your own API key for scripts/generate_chart.py.
Does Chart Image Generator for WeChat Articles access the network?
SKILL.md names 1 domain. In commands or code: api.labnana.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
Is Chart Image Generator for WeChat Articles safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Chart Image Generator for WeChat Articles use?
No licence was found for Chart Image Generator for WeChat Articles or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Chart Image Generator for WeChat Articles use?
About 1.7k tokens (SKILL.md is roughly 7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3.4k tokens, read only when the agent opens those files.
What are the alternatives to Chart Image Generator for WeChat Articles?
Skills that share tags, products or a category with Chart Image Generator for WeChat Articles: Md2wechat (geekjourneyx/md2wechat-skill, 3.7k stars), Design Image Studio (kangarooking/design-image-studio, 102 stars), Space Image Studio (SpaceZephyr/design-buddy, 174 stars) and Sketch Image Prompt (okooo5km/Skills4U, 183 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Chart Image Generator for WeChat Articles?
SpaceZephyr (a GitHub user) maintains it in SpaceZephyr/creator-buddy, which has 1,581 GitHub stars. The repository holds 31 skills in this directory. The repository was last updated on August 26, 2026.
Source: SpaceZephyr/creator-buddy on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.