article-image-placeholders

Insert structured HTML comment placeholders for manually sourced images in Markdown articles.

5|1|Updated Jul 31, 2026
One-click install
npx skills add https://github.com/shiker1996/wechat-editroom --skill article-image-placeholders-shiker1996
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: article-image-placeholders
Source: https://github.com/shiker1996/wechat-editroom/tree/main/skills/article-image-placeholders
Command: npx skills add https://github.com/shiker1996/wechat-editroom --skill article-image-placeholders-shiker1996

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Articles often need source images, data screenshots, or reference figures that cannot be auto-generated and require manual sourcing and copyright confirmation. This Skill marks exactly where those images belong and produces a supply checklist, so nothing is forgotten before publication. ## Core Features & Use Cases - Structured Placeholders: Inserts HTML comment markers (<!-- IMG:来源:01 | ... -->) with content, position, aspect ratio, source, and copyright fields, numbered per image type. - Generatable Infographics: Marks timeline and datacard placeholders with IMG-DATA JSON so the workbench can deterministically render local PNGs on demand. - Supply Checklist: Appends a manual image supply list at the end of the article with suggested sources and copyright actions, writing the final body to 09-FINAL.md in orchestration mode. - Use Case: After drafting a WeChat article citing a research paper and a product UI, run this Skill to mark where the paper figure and UI screenshot must be manually supplied, with copyright status flagged as pending confirmation. ## Quick Start Use the article-image-placeholders skill to mark all images that must be manually provided in this article and generate the supply checklist.

Frequently Asked Questions about article-image-placeholders

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I mark images that must be manually provided in a Markdown article?

Insert structured HTML comment placeholders like <!-- IMG:来源:01 | 内容:... | 比例:16:9 --> after the paragraph each image supports. The skill numbers placeholders per type and appends a supply checklist at the end of the article.

What image types does the placeholder skill support?

Three manual types are supported: 来源 (cited source figures), 资料 (data screenshots and evidence), and 参考 (reference images). Decorative images and images that already have real URLs are excluded from placeholder insertion.

Can placeholders be turned into generated images automatically?

Yes, timeline and datacard placeholders can carry an IMG-DATA JSON payload with 2-8 items taken verbatim from the article text. The workbench then renders a local PNG via a generate button, though CDN upload still requires explicit user action.

Does the skill modify article content when inserting placeholders?

No, it never alters facts, arguments, or wording of the body text. Placeholders are inserted as comments after paragraphs without breaking quotes, lists, or code blocks, and existing images are preserved.

When should I not use article image placeholders?

Do not use it for decorative or mood images, images that already have real URLs, or as a substitute for WeChat typesetting and publishing. If no manual images are needed, the original text becomes the final draft with no empty checklist added.