agentmods.dev

wechat-ai-layout

wechat-ai-layout is a skill for Claude Code, Codex from DavidLam-oss/obsidian-wechat-converter. It costs 75 tokens per session (788 once invoked), scanned A, original, MIT.

A content-layout workflow that converts an article's structure into a restricted JSON layout for a WeChat public-account renderer. WeChat public accounts are channels for publishing articles and media in the WeChat app.

In plain words
What is it for?
Use it to choose a layout, map article sections to supported blocks, diagnose fallback choices, and handle articles with screenshots or weak structure.
Why use it?
It avoids mixing layout instructions with HTML and helps keep the article's main text intact when arranging headings, lists, images, and summary blocks.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

not rated 356repo +1 4d ago A scan SkillSpector: pass 75 tokens original MIT

Good fit Use it to choose a layout, map article sections to supported blocks, diagnose fallback choices, and handle articles with screenshots or weak structure.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/davidlam-oss/obsidian-wechat-converter/ai-layout-skill
View source ↗ DavidLam-oss/obsidian-wechat-converter
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add DavidLam-oss/obsidian-wechat-converter --skill ai-layout-skill
Clone the repo
git clone --depth 1 https://github.com/DavidLam-oss/obsidian-wechat-converter

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for wechat-ai-layout

README.md
[![agentmods](https://agentmods.dev/badge/skills/davidlam-oss/obsidian-wechat-converter/ai-layout-skill/github.svg)](https://agentmods.dev/skills/davidlam-oss/obsidian-wechat-converter/ai-layout-skill)
Your own site
<a href="https://agentmods.dev/skills/davidlam-oss/obsidian-wechat-converter/ai-layout-skill"><img src="https://agentmods.dev/badge/skills/davidlam-oss/obsidian-wechat-converter/ai-layout-skill/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for wechat-ai-layout

Your own site · 80×15
<a href="https://agentmods.dev/skills/davidlam-oss/obsidian-wechat-converter/ai-layout-skill"><img src="https://agentmods.dev/badge/skills/davidlam-oss/obsidian-wechat-converter/ai-layout-skill.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 75 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 788 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00075 $0.00788
Opus 5.5 $0.00030 $0.00315
Sonnet 5.5 $0.00015 $0.00158
Haiku 4.5 $0.00007 $0.00079

Measured 2mo ago against content hash 92fbc7fbc07a, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

wechat-ai-layout scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2mo ago.

The scan reads SKILL.md. This mod also ships 1 executable file (scripts/build-prompt-context.mjs), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

ai-layout-skill/SKILL.md · 78 lines

What it actually says

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
Files

What ships with it

4 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2mo ago First seen · 78 lines · 75 tokens per session scan A 92fbc7fbc07a

Subscribe to this mod's changes

wechat-ai-layout is a skill published in the GitHub repository DavidLam-oss/obsidian-wechat-converter (356 stars, last pushed 4d ago), licensed MIT. It adds 75 tokens to every session and 788 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-04.

Creative and mediaDesign and UX
Related

wechat-ai-layout compared with skills from other repositories

wechat-ai-layout next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
wechat-ai-layoutDavidLam-oss/obsidian-wechat-converterSkill3564d agoMITA75Claude Code, Codex
webgl-holographic-foilnexu-io/open-designSkill106kyesterdayApache-2.0A41Claude Code, Codex
html-ppt-hermes-cyber-terminalnexu-io/open-designSkill106kyesterdayApache-2.0A53Claude Code, Codex
html-ppt-taste-brutalistnexu-io/open-designSkill106kyesterdayApache-2.0A78Claude Code, Codex
visual-ralphYeachan-Heo/oh-my-codexSkill34k3d agoMITA52Codex
glance-canonical-layoutsandroid/skillsSkill10kyesterdayApache-2.0A56Claude Code
accessibilitymicrosoft/hve-coreSkill1.6kyesterdayMITA47Claude Code