What problem does it solve? WeChat article authors often finish writing but lack a consistent, implementable visual design plan, leading to ad-hoc colors, inconsistent typography, and layouts that downstream HTML typesetting cannot reproduce. ## Core Features & Use Cases - Dual design outputs: Produces a human-readable <stem>.design-scheme.md covering design concept, information hierarchy, component placement, image/chart strategy, and accessibility notes, plus a machine-readable magazine-design-tokens.json with colors, typography, spacing, and image settings. - Constrained, implementable design: Enforces 6-digit hex colors, minimum 15px body text, clear text/background contrast, and avoids gradients, low-contrast gray text, multi-column layouts, and hover-dependent effects. - Pipeline integration: Reads pre-rendered <stem>.rendered.md and can be invoked by the wechat-article-typeset stage, without modifying body text, taking screenshots, uploading content, or generating HTML. - Use Case: After rendering a WeChat article draft, run this Skill to get a restrained magazine-style visual scheme and a tokens JSON that the typesetting stage can directly consume. ## Quick Start Use the magazine-design-advisor skill to create an implementable visual design scheme and design tokens for my rendered WeChat article.
