skills.rest
shiker1996
shiker1996COMMUNITY
Explore all skills by this author →
WebsiteGitHub

xiaohongshu-article-generator

Generates WeChat and Xiaohongshu social card copy, HTML layouts, and audited page screenshots from locked storyboards.

5|1|Updated Jul 31, 2026
Search Tags:#social media#content generation#puppeteer#wechat#screenshot#xiaohongshu#html layout
One-click install
npx skills add https://github.com/shiker1996/wechat-editroom --skill xiaohongshu-article-generator-shiker1996
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: xiaohongshu-article-generator
Source: https://github.com/shiker1996/wechat-editroom/tree/main/skills/xiaohongshu-article-generator
Command: npx skills add https://github.com/shiker1996/wechat-editroom --skill xiaohongshu-article-generator-shiker1996

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, and includes scripts (resource) and references (resource) components.

What problem does it solve? Turning a locked content storyboard into publishable social media assets requires coordinating copywriting, HTML layout, visual design, and screenshot delivery by hand. This Skill automates that final production stage for WeChat official account and Xiaohongshu image-text posts while enforcing fact boundaries from the source material. ## Core Features & Use Cases - Storyboard-driven generation: Accepts a schema-validated card_plan and fact sheet, then produces channel-specific plain-text copy without inventing facts, numbers, or experiences beyond the fact base. - Deterministic HTML assembly: Builds pages from a fixed design system with 14 visual themes (neon, tokyo-night, brutalist, solarized, and more) instead of free-form model-generated HTML/CSS. - Browser-based layout audit: Runs scripts/layout-audit.mjs with Puppeteer to detect overflow, clipping, underfilled pages, low contrast, and vertical imbalance before delivery. - Use Case: Given a locked storyboard about an open-source tool, produce a Xiaohongshu carousel: compliant plain-text copy with 6-8 hashtags, themed HTML pages, a layout report, and per-page PNG screenshots ready for review. ## Quick Start Generate the Xiaohongshu image-text deliverables from my locked card_plan.json and fact sheet, then run the layout audit and export the page screenshots.

Frequently Asked Questions about xiaohongshu-article-generator

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

FAQPage Schema
How do I generate Xiaohongshu image-text posts from a storyboard?▼

Provide a locked card_plan that passed the social_card_storyboard schema validation plus its fact sheet. The Skill generates plain-text copy, assembles themed HTML pages, audits the layout in a real browser, and exports per-page PNG screenshots.

What input does the Xiaohongshu article generator require?▼

It requires a locked card_plan validated against the social_card_storyboard schema, the corresponding fact base, channel mode, content type, and visual theme. It will not plan or modify the storyboard itself and stops if the storyboard is missing.

Can the generated copy use Markdown or HTML formatting?▼

No. Copy must be publish-ready plain text using only line breaks, blank lines, emoji, and numeric ordering. Markdown headings, bold, list markers, links, and code blocks are forbidden because neither WeChat nor Xiaohongshu renders markup in captions.

How does the layout audit script detect page problems?▼

The layout-audit.mjs script loads the HTML in Puppeteer at 375x667 viewport and measures each page for overflow, clipping, horizontal overflow, underfilled or overfilled content, vertical imbalance, tiny text, and low text-background contrast, exiting nonzero when issues remain.

What visual themes are available for the generated pages?▼

The design system provides 14 themes including neon, tokyo-night, brutalist, solarized, retro-terminal, paper-craft, charcoal, peach, orange, ice-blue, mocha, lavender, crimson, and bone-white, each with defined colors and CSS class conventions.

Does this Skill publish posts to Xiaohongshu or WeChat automatically?▼

No. It only produces deliverables: copy text, HTML, layout and delivery reports, and PNG screenshots in an output directory. The Skill explicitly must not claim that content was published to either platform.

Related Skills

Explore More Content & Communication Skills→
Arinin77Arinin77
2

ppt-imagegen-storyboard

Generates complete imagegen storyboard images for presentation slides before editable PowerPoint conversion.

Community
Intermediate
anbeimeanbeime
5.0k

wechat-hotspot-publisher

Automate content creation and one-click publishing to WeChat Official Accounts, Xiaohongshu, and Bilibili drafts.

Community
Advanced
BTreeMapBTreeMap
2

fact-check

Verifies document claims against retrieved sources and applies only user-approved corrections.

Official
Advanced
bastabasta
24

frame

Create or update HTML frames on the OpenDesign canvas from project docs.

Community
Intermediate