Agent skill

Wechat AI Layout

by DavidLam-oss in DavidLam-oss/obsidian-wechat-converter

为 Obsidian 微信公众号转换器生成受约束的 AI 编排结果。只在需要把文章内容映射为公众号安全 block JSON、诊断编排结果、优化 layout schema、分析 fallback 介入原因时使用。遇到教程、案例、产品介绍、截图型内容时应优先考虑这个 skill。

MITAuto-check passedProductivity & Automation

Install Wechat AI Layout

skills CLI
$ npx skills add DavidLam-oss/obsidian-wechat-converter --skill wechat-ai-layout -a claude-code

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

GitHub CLI
$ gh skill install DavidLam-oss/obsidian-wechat-converter wechat-ai-layout --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/DavidLam-oss/obsidian-wechat-converter.git skills-src && mkdir -p .claude/skills && cp -r skills-src/ai-layout-skill .claude/skills/wechat-ai-layout && 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
wechat-ai-layout
GitHub stars
334
Token cost
~498 tokens
SKILL.md length
130 words
Files
6 (incl. scripts, assets)
Skills in repo
14
Repo updated
First seen
Licence
MIT

At a glance

为 Obsidian 微信公众号转换器生成受约束的 AI 编排结果。只在需要把文章内容映射为公众号安全 block JSON、诊断编排结果、优化 layout schema、分析 fallback 介入原因时使用。遇到教程、案例、产品介绍、截图型内容时应优先考虑这个 skill。

  • Works in 8 steps: 先识别文章结构 → 只使用允许的 block type → 只填允许的字段 → …
  • Tasks that involve Messaging and chat bots
  • SKILL.md covers Always follow this workflow, Allowed blocks, Layout families and color… and Output template, plus 2 more sections
  • Runs JavaScript scripts from its folder

What it does

Wechat AI Layout is an agent skill from DavidLam-oss/obsidian-wechat-converter. 为 Obsidian 微信公众号转换器生成受约束的 AI 编排结果。只在需要把文章内容映射为公众号安全 block JSON、诊断编排结果、优化 layout schema、分析 fallback 介入原因时使用。遇到教程、案例、产品介绍、截图型内容时应优先考虑这个 skill。

Its SKILL.md is about 500 tokens, which your agent loads only when the skill is triggered. The skill folder holds 9 other files, including scripts and assets (for example `assets/style-packs.json`, `schema/article-layout.schema.json` and `scripts/obsidian-wechat-converter_scripts_README.md`).

It sits in Productivity & Automation, covering Messaging and chat bots. It works with WeChat and Obsidian. The repository describes itself as: Obsidian 公众号排版(支持自定义 CSS和公众号贴图)、飞书云同步与多平台(小红书、知乎等)发布插件。Markdown 转微信文章 / Feishu docs / 知乎、小红书、今日头条等草稿,支持数学公式、本地图片、GIF 和 Mermaid。 The licence is MIT.

When your agent uses it

  • Tasks that involve Messaging and chat bots

Example prompts

  • “/wechat-ai-layout”

Requirements

  • Node.js

Workflow steps

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

  1. 先识别文章结构
  2. 只使用允许的 block type
  3. 只填允许的字段
  4. 正文主体优先使用 section-block
  5. 如果图片不可用
  6. 如果原文结构很弱
  7. 保真优先
  8. phone-frame 仅用于明显像截图/界面的图片

What it can do on your machine

Read from SKILL.md and the folder at commit 3fef612. 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.

    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

Wechat AI Layout loads about 498 tokens when it runs. Until then it costs about 39 tokens; SKILL.md has 130 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~39
When it runs · the whole SKILL.md, loaded when a task matches
~498

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

The full file from DavidLam-oss/obsidian-wechat-converter at commit 3fef612, republished under its MIT licence (© DavidLam-oss). 130 words, ~498 tokens.

Download SKILL.mdSave it as .claude/skills/wechat-ai-layout/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.
name
wechat-ai-layout
description
为 Obsidian 微信公众号转换器生成受约束的 AI 编排结果。只在需要把文章内容映射为公众号安全 block JSON、诊断编排结果、优化 layout schema、分析 fallback 介入原因时使用。遇到教程、案例、产品介绍、截图型内容时应优先考虑这个 skill。

WeChat AI Layout Skill

这个 skill 的目标不是直接输出 HTML/CSS,而是输出一份受约束的布局 JSON,然后交给插件渲染。

Always follow this workflow

  1. 先识别文章结构 重点看标题层级、导语段落、列表、截图和可选的结尾总结。
  2. 只使用允许的 block type 不要发明新的 block 名称。
  3. 只填允许的字段 不要输出额外 HTML、className、style 或脚本。
  4. 正文主体优先使用 section-block 通过 sectionIndex 引用原文章节,不要重写正文。
  5. 如果图片不可用 依然要输出合理布局,但不要编造图片 URL。
  6. 如果原文结构很弱 允许用摘要卡和 case-block 做轻量补全,但不要重写作者观点。
  7. 保真优先 不要只处理前半篇,也不要为了版式省略后半部分主要内容。
  8. phone-frame 仅用于明显像截图/界面的图片 普通配图不要强行套手机壳。

Allowed blocks

  • hero
  • part-nav
  • lead-quote
  • case-block
  • section-block
  • phone-frame
  • cta-card

详细字段约束见 schema/article-layout.schema.json。

Layout families and color palettes

当前内置布局风格与配色方案见 assets/style-packs.json。

  • layoutFamily 控制排版骨架,例如 source-first、tutorial-cards、editorial-lite
  • colorPalette 控制颜色语气,例如 tech-green、ocean-blue

如果用户选择了 auto:

  • 你需要给出 recommendedLayoutFamily
  • 你需要给出 recommendedColorPalette
  • 并在 resolved 中写出最终采用的布局和颜色

Output template

优先参考 templates/article-layout.template.json 的结构。

When diagnosing bad results

如果用户提供的是调试快照或 Prompt 上下文:

  1. 先判断问题属于哪类 prompt, schema, provider config, image context, fallback strategy
  2. 明确指出是哪一个 block 不合理
  3. 优先给“下一步最值得改的一处”
  4. 如需建议新的布局,仍然使用 schema 允许的字段和 block

Guardrails

  • 不输出 HTML
  • 不输出 CSS
  • 不输出任意自定义组件
  • 不编造图片、数据或原文没有的结论
  • 不把 fallback 逻辑描述成 AI 自己完成的结果
  • 不默认追加 CTA

© DavidLam-oss, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 5 other files (scripts, assets) in ai-layout-skill of DavidLam-oss/obsidian-wechat-converter.

  • SKILL.md
  • assets/style-packs.json
  • schema/article-layout.schema.json
  • scripts/build-prompt-context.mjs
  • scripts/obsidian-wechat-converter_scripts_README.md
  • templates/article-layout.template.json

Open the folder on GitHubat commit 3fef612

Compare with similar skills

Wechat AI Layout 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.

Wechat AI Layout compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Wechat AI Layout this skillDavidLam-oss/obsidian-wechat-converter334—~498Automated safety check: PassMIT
Yichen Wechat Mp Batch Exportermcncarl/yichen-skills4.4k—~1.5kAutomated safety check: PassCustom licence
Wechat Article Extractfreestylefly/WeChatBridge1.2k—~236Automated safety check: PassMIT
She Love Me863401402/she-love-me9251 repos~1.3kAutomated safety check: PassMIT
Wechat Article Extractorfreestylefly/wechat-article-extractor-skill1361 repos~1kAutomated safety check: PassNone
Wechat Miniprogram Builderchenjin-cmd/wechat-miniprogram-builder355—~634Automated safety check: PassMIT

Similar skills

  • Yichen Wechat Mp Batch Exporter

    mcncarl/yichen-skills

    批量下载微信公众号文章正文、历史文章列表、原创文章筛选、历史计数口径、阅读量、点赞/转发等指标、评论和评论回复。Use when the user asks to batch fetch mp.weixin.qq.com articles, export WeChat public-account history, distinguish publish groups vs expanded…

    4.4k GitHub stars~1.5k tokensUpdated 5 days ago
    Productivity & AutomationAuto-check passed
  • Wechat Article Extract

    freestylefly/WeChatBridge

    从微信聊天记录导出文件中识别公众号文章链接或分享卡片,提取标题、公众号名称、发布时间、正文和图片,并保留原文链接。当用户要求整理、摘录或归档聊天记录里的公众号文章时使用。

    1.2k GitHub stars~236 tokensUpdated 3 days ago
    Productivity & AutomationAuto-check passed
  • She Love Me

    863401402/she-love-me

    Acquire, import, and analyze WeChat or QQ chat histories, including installing supported exporters, guiding required login or contact selection, converting exports, assessing relationship dynamics…

    925 GitHub starsUsed in 1 repo~1.3k tokens
    Productivity & AutomationAuto-check passed
  • Wechat Article Extractor

    freestylefly/wechat-article-extractor-skill

    Extract metadata and content from WeChat Official Account articles.

    136 GitHub starsUsed in 1 repo~1k tokens
    Productivity & AutomationAuto-check passed
  • Wechat Miniprogram Builder

    chenjin-cmd/wechat-miniprogram-builder

    This skill should be used when the user wants to build, launch, monetize, or promote a WeChat mini-program with AI (vibe coding) — including topic selection, account registration & ICP filing…

    355 GitHub stars~634 tokensUpdated 2 mo ago
    Productivity & AutomationAuto-check passed
  • 微信公众号文章自动创作与发布工具。给定参考文章、文字或文档,自动搜索整理全网相关信息、生成图文并茂的公众号文章,并发布到微信公众号草稿箱。特别强调反 AI 检测写作。

    3.3k GitHub stars~1.8k tokensUpdated today
    Productivity & AutomationAuto-check passed

More from DavidLam-oss/obsidian-wechat-converter

All 14 skills in this repo
  • Openprd UI Context

    DavidLam-oss/obsidian-wechat-converter

    OpenPrd UI Context skill:区分 greenfield、brownfield 与局部修正,基于已确认 PRD、可选 CodeGraph 和本地证据提出专业 UI/UX 方向,并在用户确认后编译 PRODUCT.md、DESIGN.md 和 Impeccable handoff。

    334 GitHub stars~899 tokensUpdated today
    Auto-check passed
  • Openprd Test Strategy

    DavidLam-oss/obsidian-wechat-converter

    OpenPrd 测试策略分流 skill:按风险把任务分到单元、集成、端到端、人工、视觉、小程序、性能和安全验证,并要求 evidence-plan。

    334 GitHub stars~578 tokensUpdated today
    Auto-check passed
  • Project Release

    DavidLam-oss/obsidian-wechat-converter

    Release workflow for obsidian-wechat-converter (version bump, release notes, tag and publish).

    334 GitHub stars~597 tokensUpdated today
    Auto-check passed
  • Openprd Diagram Review

    DavidLam-oss/obsidian-wechat-converter

    生成并迭代 OpenPrd 图示产物,供用户确认或理解。适用于解释型 SVG、架构图、产品流程图、用户旅程、流程图、系统边界图、依赖图,以及 freeze 前的可视化评审场景。

    334 GitHub stars~724 tokensUpdated today
    Auto-check passed
  • Openprd Frontend Design

    DavidLam-oss/obsidian-wechat-converter

    OpenPrd 前端设计框架 skill:为界面、页面、视觉、样式和前端体验任务提供设计资产框架、审美立意、反 AI 味门禁和实现前方向评审规则。

    334 GitHub stars~2.7k tokensUpdated today
    Auto-check passed
  • Openprd Requirement Intake

    DavidLam-oss/obsidian-wechat-converter

    OpenPrd 需求入口与 PRD 分流 skill:判断用户可见需求类型和内部 L0/L1/L2 路由码,决定直接澄清、mini-plan 或正式 PRD,并选择通用 / 面向个人消费者场景 / 面向企业服务场景 / 以 Agent 为主要使用场景的 PRD 视角。对用户复述时不要直接把 consumer / b2b / agent 当展示词;这些枚举值只用于内部记录和命令。

    334 GitHub stars~1.5k tokensUpdated today
    Auto-check passed

Works with

Questions about Wechat AI Layout

What does Wechat AI Layout do?

为 Obsidian 微信公众号转换器生成受约束的 AI 编排结果。只在需要把文章内容映射为公众号安全 block JSON、诊断编排结果、优化 layout schema、分析 fallback 介入原因时使用。遇到教程、案例、产品介绍、截图型内容时应优先考虑这个 skill。. Wechat AI Layout is an agent skill from DavidLam-oss/obsidian-wechat-converter.

When should I use Wechat AI Layout?

Wechat AI Layout fits situations like: tasks that involve Messaging and chat bots.

How do I install Wechat AI Layout in Claude Code?

Run `npx skills add DavidLam-oss/obsidian-wechat-converter --skill wechat-ai-layout -a claude-code`. Or copy the skill folder (ai-layout-skill in DavidLam-oss/obsidian-wechat-converter) into .claude/skills/wechat-ai-layout in your project. Claude Code loads it when a task matches its description.

How do I install Wechat AI Layout in Codex?

Run `npx skills add DavidLam-oss/obsidian-wechat-converter --skill wechat-ai-layout -a codex`. Or copy the skill folder (ai-layout-skill in DavidLam-oss/obsidian-wechat-converter) into .agents/skills/wechat-ai-layout in your project. Codex loads it when a task matches its description.

Can I use Wechat AI Layout 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 DavidLam-oss/obsidian-wechat-converter --skill wechat-ai-layout -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/wechat-ai-layout, .gemini/skills/wechat-ai-layout, .github/skills/wechat-ai-layout and .opencode/skills/wechat-ai-layout in your project.

What does Wechat AI Layout need to run?

Going by SKILL.md and its folder, Wechat AI Layout needs JavaScript for the scripts in its folder. Our summary lists: Node.js.

Does Wechat AI Layout 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 Wechat AI Layout 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 Wechat AI Layout use?

Wechat AI Layout is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Wechat AI Layout use?

About 498 tokens (SKILL.md is roughly 2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Wechat AI Layout?

Skills that share tags, products or a category with Wechat AI Layout: Yichen Wechat Mp Batch Exporter (mcncarl/yichen-skills, 4.4k stars), Wechat Article Extract (freestylefly/WeChatBridge, 1.2k stars), She Love Me (863401402/she-love-me, 925 stars) and Wechat Article Extractor (freestylefly/wechat-article-extractor-skill, 136 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Wechat AI Layout?

DavidLam-oss (a GitHub user) maintains it in DavidLam-oss/obsidian-wechat-converter, which has 334 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on October 9, 2026.

Source: DavidLam-oss/obsidian-wechat-converter on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.