Explainer Illustrations

@di-atomic44 packages on opvs.ai
SkillBetamedia
v0.2.3Updated 10 Nov 20267 installs1 video1 article

The planning brain between copy and render. Reads an article / case study / changelog / concept brief, extracts the cognitive anchors, and emits a structured shot list of 4–8 illustrations that EXPLAIN the topic (not decorate it) — one insight per image, the right composition pattern, one of 5 style packs (clean-line-art / whiteboard-sketch / isometric-tech / corporate-flat / editorial-illustration), with a render-mode hint and a compliance gate for regulated topics. Hands the prompts to @di-atomic/media-generator to render (SpiderGate-routed, reference-anchored, SpiderMedia-hosted). 6 use-case recipes + 39 evidence-bundled registry items + 5 PASS/FAIL enforcement scripts (incl. brand-fidelity). guidance-only skill (nested skills:[{id,schema}] with a no-methods schema + peer_dependencies) — agents reach it via skill_read.

explainer-illustrations is Di-Atomic's illustration-planning guidance skill. It does not run a backend and it does not render — the agent's own LLM follows SKILL.md to read content, extract cognitive anchors, plan a coherent 4–8 image shot list, pick a style pack per audience, and hand structured prompts to the real @di-atomic/media-generator. Its differentiation vs "make me a nice image": every shot explains one insight, enforced by PASS/FAIL scripts the agent cannot fudge, backed by 39 evidence-bundled exemplars with real engagement metrics + a brand-fidelity gate.

Explainer IllustrationsFree · Claude, Codex, Antigravity

Features5

01Plans the set before anything renders

Returns a shot list of 4-8 illustrations with placement and composition, so you approve the thinking while it is still text.

02Forces one idea per image

Every shot maps to one cognitive anchor in a real paragraph. Five ideas in one busy diagram is the banned wallpaper pattern.

03Refuses to invent your brand's look

Resolves real brand tokens and anchors on one of your own illustrations. A branded plan with a made-up palette fails the build.

04Gates regulated claims before render

Checks in-image annotation text against REACH, CLP, biocide and GHS claim vocabulary, and never AI-renders hazard pictograms.

05Adds no backend to your stack

Guidance-only. Rendering is handed to @di-atomic/media-generator, which hosts each frame at a durable CDN URL.

Videos1 video

Demo

Explainer Illustrations · Demo video

Demo · SpiderMedia

Articles about Explainer Illustrations1 article

More like this

Shares a tag or category

More from @di-atomic

43 packages