← ClaudeAtlas

render-mermaid-infographiclisted

Render or preflight one approved Mermaid infographic locally after visual-storytelling has supplied a complete compatible media brief. Use for an explicit Mermaid production request or as an optional media-production worker; never use it to decide that an article needs a diagram, install dependencies silently, integrate assets, access CMS, or publish.
flexim-io/seo-writers · ★ 1 · AI & Automation · score 74
Install: claude install-skill flexim-io/seo-writers
# Render Mermaid Infographic ## Purpose Turn one approved Mermaid-compatible production brief into a locally rendered SVG and PNG candidate with preserved `.mmd` source, technical QA, provenance, and a machine-readable handoff. This is an optional production worker inside the existing `media_integration` phase. One invocation handles exactly one `visualId`, one canvas, and one source. Treat a mobile composition as a separate invocation. ## Responsibility boundary `visual-storytelling` owns whether a visual is useful, the reader question, semantic composition, evidence boundary, production brief, caption, `alt`, human review, and integration. This skill owns: - Mermaid compatibility and production-allowlist checks; - preparation or validation of one exact `.mmd` source; - local environment preflight and explicitly authorized dependency setup; - security, syntax, density, SVG, PNG, and technical QA; - asset paths, hashes, renderer provenance, and `mermaidInfographicHandoff`. Do not invoke this skill merely because an article mentions a process, contains a `[MEDIA: ...]` marker, or enters its visual phase. Do not reopen locked editorial strategy, change claims, replace required proof with a diagram, integrate media, mutate CMS, or publish. ## Inputs and priorities Require: - `mode`: `preflight`, `render`, or `automatic`; - the real root of the private content repository; - an existing writable output root inside that repository; - one complete `visual-storytelling` me