Agent skill

Hailaobao Gzh Design

by wwwzhouhui in wwwzhouhui/skills_collection

把 Markdown 文章排版成微信公众号可直接粘贴的 HTML,内置 7 套排版风格。触发词:公众号排版、微信排版、gzh 排版、typeset for wechat、Markdown 转公众号。不触发:只想改文字不改格式、要生成小红书图文。

No licenceAuto-check passedDocuments & Office

Install Hailaobao Gzh Design

skills CLI
$ npx skills add wwwzhouhui/skills_collection --skill hailaobao-gzh-design -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install wwwzhouhui/skills_collection hailaobao-gzh-design --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .claude/skills && cp -r skills-src/hailaobao-gzh-design .claude/skills/hailaobao-gzh-design && rm -rf skills-src

Use ~/.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/

Facts

Skill name
hailaobao-gzh-design
GitHub stars
283
Token cost
~1.1k tokens
SKILL.md length
281 words
Files
13 (incl. scripts, references)
Skills in repo
25
Repo updated
First seen
Licence
None found

At a glance

把 Markdown 文章排版成微信公众号可直接粘贴的 HTML,内置 7 套排版风格。触发词:公众号排版、微信排版、gzh 排版、typeset for wechat、Markdown 转公众号。不触发:只想改文字不改格式、要生成小红书图文。

  • Works in 3 steps: 选了哪个 scheme(一句话说明为什么选它) → 改动了原文的哪几处(标题重整 / 加粗 / 插入卡片等,简短列 3-5 条) → 产物 HTML 的绝对路径 + 一句"在浏览器打开后点复制到公众号"
  • Tasks that involve Messaging and chat bots
  • SKILL.md covers 什么时候用这个 skill, 工作流, 步骤 5:交付 and 常见误区
  • Runs JavaScript scripts from its folder; calls node

What it does

Hailaobao Gzh Design is an agent skill from wwwzhouhui/skills_collection. 把 Markdown 文章排版成微信公众号可直接粘贴的 HTML,内置 7 套排版风格。触发词:公众号排版、微信排版、gzh 排版、typeset for wechat、Markdown 转公众号。不触发:只想改文字不改格式、要生成小红书图文。

Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 17 other files, including scripts and reference files (for example `.pi/goal/补齐公众号演示文风格-20260924-1327.md`, `AGENTS.md` and `examples/demo.md`).

It sits in Documents & Office, covering Messaging and chat bots and Markdown. It works with WeChat. The repository describes itself as: 本项目是个人开发的 Claude Code Skills 集合,提供实用的技能工具,助力提升开发效率和内容创作。 分享一些好用的 Claude Code Skills,自用、学习两相宜,适用于 Claude Code v2.0 及以上版本。

When your agent uses it

  • Tasks that involve Messaging and chat bots
  • Tasks that involve Markdown

Example prompts

  • “/hailaobao-gzh-design”

Requirements

  • Node.js

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. 选了哪个 scheme(一句话说明为什么选它)
  2. 改动了原文的哪几处(标题重整 / 加粗 / 插入卡片等,简短列 3-5 条)
  3. 产物 HTML 的绝对路径 + 一句"在浏览器打开后点复制到公众号"

What it can do on your machine

Read from SKILL.md and the folder at commit b98f166. 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 2 files in scripts/ (JavaScript), which the agent can run.

    Shell commands in SKILL.md call:

    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    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

Hailaobao Gzh Design loads about 1.1k tokens when it runs, and up to ~6.3k if it reads all its reference files. Until then it costs about 36 tokens; SKILL.md has 281 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~36
When it runs · the whole SKILL.md, loaded when a task matches
~1.1k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~6.3k

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 281 words (~1,102 tokens).

name
hailaobao-gzh-design
display_name
海老豹排版
display_name_en
Hailaobao WeChat Typesetter
description_zh
给一篇 Markdown,输出带「复制到公众号」按钮的 HTML 页面。浏览器打开点一下按钮,排好版的正文就进了剪贴板,粘贴到公众号编辑器样式全保留。内置 7 套风格:玉石商务、暖色编辑部、极客单色、香槟品牌、雾霾笔记、午夜研究报告、森绿演示(forest-demo)。
description_en
Turn a Markdown article into a WeChat Official Account ready HTML page with a one-click copy button. Paste into the editor and all inline styles survive…
category
writing
version
1.0.0
author
hailaobao2026

Read the full SKILL.md on GitHub

Files

SKILL.md and 12 other files (scripts, references) in hailaobao-gzh-design of wwwzhouhui/skills_collection.

  • SKILL.md
  • .pi/goal/补齐公众号演示文风格-20260924-1327.md
  • AGENTS.md
  • examples/demo.html
  • examples/demo.md
  • examples/remotion-demo.html
  • examples/remotion-demo.md
  • references/demo-article-patterns.md
  • references/formatting-rules.md
  • references/style-schemes.md
  • references/typesetting-syntax.md
  • scripts/schemes.mjs
  • scripts/typeset.mjs

Open the folder on GitHubat commit b98f166

Compare with similar skills

Hailaobao Gzh Design 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.

Hailaobao Gzh Design compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Hailaobao Gzh Design this skillwwwzhouhui/skills_collection283—~1.1kAutomated safety check: PassNone
Wechat Article To Markdownjackwener/wechat-article-to-markdown1.1k—~352Automated safety check: PassNone
Clean Content FetchLeoYeAI/openclaw-master-skills2.2k—~574Automated safety check: PassMIT
Gzh Designisjiamu/gzh-design-skill4k—~2.2kAutomated safety check: PassAGPL-3.0
Web To Markdownrookie-ricardo/erduo-skills935—~894Automated safety check: PassMIT
Qiaomu Epub Book Generatorjoeseesun/qiaomu-epub-book-generator134—~1.1kAutomated safety check: PassNone

Similar skills

  • Wechat Article To Markdown

    jackwener/wechat-article-to-markdown

    Fetch WeChat Official Account (微信公众号) articles from mp.weixin.qq.com and convert to Markdown.

    1.1k GitHub stars~352 tokensUpdated 6 mo ago
    Documents & OfficeAuto-check passed
  • Clean Content Fetch

    LeoYeAI/openclaw-master-skills

    获取干净、可读的网页正文内容,适合现代网页、博客、新闻、公告和微信公众号文章抓取;支持网页正文提取、内容清洗、去噪、Markdown 输出,适用于普通 fetch 效果不佳、页面噪音较多或动态渲染干扰的场景。Clean content fetch for modern web pages, article extraction, WeChat article capture, content…

    2.2k GitHub stars~574 tokensUpdated 2 mo ago
    Documents & OfficeAuto-check passed
  • Gzh Design

    isjiamu/gzh-design-skill

    微信公众号文章排版引擎,将 Markdown 转换为可直接粘贴到公众号编辑器的 HTML。主题风格从 references/theme-index.md 注册的自定义主题库中选取,自动章节编号、关键词下划线标记、引言卡片、目录导航、代码块、图片/GIF、作者签名。支持 Markdown / Word(.docx) / PDF / 纯文本输入(非 Markdown…

    4k GitHub stars~2.2k tokensUpdated 2 days ago
    Documents & OfficeAuto-check passed
  • Web To Markdown

    rookie-ricardo/erduo-skills

    Convert a web URL into cleaned Markdown with deterministic routing.

    935 GitHub stars~894 tokensUpdated 2 mo ago
    Productivity & AutomationAuto-check passed
  • Qiaomu Epub Book Generator

    joeseesun/qiaomu-epub-book-generator

    Generate EPUB ebooks from Markdown files with SVG→PNG conversion, remote/local image embedding, compressed illustrations, and WeChat Reading compatibility.

    134 GitHub stars~1.1k tokensUpdated 6 mo ago
    Documents & OfficeAuto-check passed
  • Wechat Article Pipeline

    davinci-seven/wechat-article-pipeline

    把定稿Markdown和本地配图生成公众号兼容内联HTML、图片内嵌稳定版、复制预览、390px手机长截图及完整性和隐私报告。适用于公众号文章定稿后的排版、检查和交付;不负责改稿,也不会在未经确认时创建公众号草稿。

    158 GitHub stars~1.1k tokensUpdated 1 mo ago
    Productivity & AutomationAuto-check passed

More from wwwzhouhui/skills_collection

All 25 skills in this repo
  • Knowledge Absorber

    wwwzhouhui/skills_collection

    深度解析链接/文档/代码,生成导师级教学笔记 + Wan 2.7 知识海报. An agent skill from wwwzhouhui/skills_collection.

    283 GitHub stars~2k tokensUpdated 5 days ago
    Auto-check passed
  • Remotion Video Factory

    wwwzhouhui/skills_collection

    视觉从代码生长的技术讲解视频工厂:给一个主题,产出一条"图解动画 + AI 配音"的 MP4——结构图/矩阵/连线拓扑/图表/数字滚动全部用 Remotion + React/SVG 代码精确绘制(不用 AI 视频模型,杜绝公式乱码与连线漂移,可参数化、改数据自动重排),旁白由 TTS 逐段生成 + ffprobe 实测时长(默认 edge-tts 神经音色;--engine clone…

    283 GitHub stars~990 tokensUpdated 5 days ago
    Auto-check passed
  • Voice To Video

    wwwzhouhui/skills_collection

    口播文字稿一键成片:TTS 配音(edge-tts,带逐句/逐词时间戳)→ HTML 动画合成(场景由时间戳驱动,画面跟着声音走)→ Playwright 逐帧确定性渲染合成 MP4。Use whenever the user wants to 把口播稿/文字稿/文案/文章做成视频、配音视频、解说视频、知识类短视频、口播视频、文字转视频、TTS video、voice-over…

    283 GitHub stars~1.1k tokensUpdated 5 days ago
    Auto-check passed
  • Article Explainer Video

    wwwzhouhui/skills_collection

    把一篇技术长文/论文解读自动做成章节式解说视频(1080p, 5-8 分钟)。双主题:warm(奶油底+珊瑚红+cozy-handdrawn 透明插图,亲和感)和 midnight(深蓝黑底+琥珀金+宋体标题+executive-tech 插图,AI 科技感),storyboard 一个 theme 字段切换。每章三种 layout 混排:illustration(左文右图+Ken…

    283 GitHub stars~2.2k tokensUpdated 5 days ago
    Auto-check passed
  • Edu Teaching Animation

    wwwzhouhui/skills_collection

    把单个学科概念(中文/英文都行,如"声现象""杠杆原理""光合作用")自动做成动态教学内容。两种产出都由 HyperFrames 渲染、共用同一个 index.html(mode 变量切换):① 配音教学视频 — 分镜 + Minimax / Edge TTS 中文配音 + 字幕 + 完整 MP4(1080p, ~90s, 发视频号/给孩子看);② 无声循环动图 — 同一内容的紧凑无声版…

    283 GitHub stars~1.5k tokensUpdated 5 days ago
    Auto-check passed
  • Env Setup

    wwwzhouhui/skills_collection

    Checking and provisioning the machine's environment for the video-agent-kit plugin — probing for ffmpeg/ffprobe that actually carry the encoders and filters we render with (libx264/aac/libmp3lame…

    283 GitHub stars~3.5k tokensUpdated 5 days ago
    Auto-check: notes

Works with

Questions about Hailaobao Gzh Design

What does Hailaobao Gzh Design do?

把 Markdown 文章排版成微信公众号可直接粘贴的 HTML,内置 7 套排版风格。触发词:公众号排版、微信排版、gzh 排版、typeset for wechat、Markdown 转公众号。不触发:只想改文字不改格式、要生成小红书图文。. Hailaobao Gzh Design is an agent skill from wwwzhouhui/skills_collection.

When should I use Hailaobao Gzh Design?

Hailaobao Gzh Design fits situations like: tasks that involve Messaging and chat bots; tasks that involve Markdown.

How do I install Hailaobao Gzh Design in Claude Code?

Run `npx skills add wwwzhouhui/skills_collection --skill hailaobao-gzh-design -a claude-code`. Or copy the skill folder (hailaobao-gzh-design in wwwzhouhui/skills_collection) into .claude/skills/hailaobao-gzh-design in your project. Claude Code loads it when a task matches its description.

How do I install Hailaobao Gzh Design in Codex?

Run `npx skills add wwwzhouhui/skills_collection --skill hailaobao-gzh-design -a codex`. Or copy the skill folder (hailaobao-gzh-design in wwwzhouhui/skills_collection) into .agents/skills/hailaobao-gzh-design in your project. Codex loads it when a task matches its description.

Can I use Hailaobao Gzh Design 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 wwwzhouhui/skills_collection --skill hailaobao-gzh-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/hailaobao-gzh-design, .gemini/skills/hailaobao-gzh-design, .github/skills/hailaobao-gzh-design and .opencode/skills/hailaobao-gzh-design in your project.

What does Hailaobao Gzh Design need to run?

Going by SKILL.md and its folder, Hailaobao Gzh Design needs JavaScript for the scripts in its folder and the command-line tools its instructions call (node). Our summary lists: Node.js.

Does Hailaobao Gzh Design access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Hailaobao Gzh Design 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 Hailaobao Gzh Design use?

No licence was found for Hailaobao Gzh Design or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Hailaobao Gzh Design use?

About 1.1k tokens (SKILL.md is roughly 4.4k 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 5.2k tokens, read only when the agent opens those files.

What are the alternatives to Hailaobao Gzh Design?

Skills that share tags, products or a category with Hailaobao Gzh Design: Wechat Article To Markdown (jackwener/wechat-article-to-markdown, 1.1k stars), Clean Content Fetch (LeoYeAI/openclaw-master-skills, 2.2k stars), Gzh Design (isjiamu/gzh-design-skill, 4k stars) and Web To Markdown (rookie-ricardo/erduo-skills, 935 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Hailaobao Gzh Design?

wwwzhouhui (a GitHub user) maintains it in wwwzhouhui/skills_collection, which has 283 GitHub stars. The repository holds 25 skills in this directory. The repository was last updated on October 6, 2026.

Source: wwwzhouhui/skills_collection on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.