Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
git clone --depth 1 https://github.com/theclaymethod/artifactureWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/commands/theclaymethod/artifacture/generate-poster)<a href="https://agentmods.dev/commands/theclaymethod/artifacture/generate-poster"><img src="https://agentmods.dev/badge/commands/theclaymethod/artifacture/generate-poster/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/commands/theclaymethod/artifacture/generate-poster"><img src="https://agentmods.dev/badge/commands/theclaymethod/artifacture/generate-poster.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00017 | $0.00985 |
| Opus 5.5 | $0.00007 | $0.00394 |
| Sonnet 5.5 | $0.00003 | $0.00197 |
| Haiku 4.5 | $0.00002 | $0.00098 |
Grade A, and why
generate-poster scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 16d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 46 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Load the visual-explainer skill, then generate a fixed-canvas poster for: $@
Authoring contract. Prefer React source. For posters that should use shared visual-explainer components or point-and-click annotation review, write a .tsx source that imports from visual-explainer-mdx/components.tsx, then export generated standalone HTML with:
npm run ve:export -- <poster.tsx> --out ~/.agent/diagrams/<name>.poster.html
Capture the verified generated page as the PNG artifact with browser screenshot tooling. If the poster specifically needs poster-ai's fixed-canvas rasterizer, keep the editable source as TSX and run the poster build / poster export commands below. Do not fall back to hand-written HTML; if both generated React HTML and poster-ai are blocked, stop and report the blocker.
Clarify. Use the request and canvas defaults below. Read references/clarify.md only when a material choice remains unresolved.
Read references/poster.md before authoring and templates/mono-industrial-poster.tsx only for the poster-ai path. Use fixed-canvas output for a poster, social image, or infographic; use a responsive page for longer reading.
Before generating:
- Check availability:
which posteronly if using the poster-ai path. If missing, use the generated React HTML + browser screenshot path above. - Pick a canvas size based on intent:
- Architecture / landscape poster:
w-[1600px] h-[1000px] - Portrait editorial:
w-[1200px] h-[1500px] - Social card (Twitter/LinkedIn):
w-[1200px] h-[628px] - Square (Slack, Instagram):
w-[1080px] h-[1080px]
- Architecture / landscape poster:
- Use Hairline by default, or 3b1b for mathematical mechanisms. Read
references/default-explainer-theme.md; reuse Lieflat data encodings throughreferences/charts.md. Shared diagrams and native figures should compose throughcomposeGraphics, then render withGraphicCanvasor the sharedGraphicSlideframing. Usemono-industrial-poster.tsxonly as a poster-ai mechanics reference; do not inherit its visual tokens. Use another named palette only if the user requests one.
Authoring:
- The root of the component MUST be a single element (not a Fragment). Poster measures one element for the canvas.
- Load Google Fonts via a
<link>inside the root element. Geist Pixel Square is not on Google Fonts — load it via an inline<style>@font-faceblock from jsDelivr. Seetemplates/mono-industrial-poster.tsxfor the pattern. - Avoid Mermaid — poster's rasterizer doesn't wait long enough for Mermaid's async render. Use custom SVG, Recharts, or a pre-rendered Mermaid SVG as an
<img>. - Let the main claim or figure establish the focal point. Do not require a hero number or a layout break.
Workflow:
- Draft the TSX at
~/.agent/diagrams/<name>.poster.tsxusing the selected preset. - Edit every line for accuracy and necessity; use Unslop only when requested and available.
- Build:
poster build ~/.agent/diagrams/<name>.poster.tsx -o ~/.agent/diagrams/<name>.poster.html - Export PNG:
poster export ~/.agent/diagrams/<name>.poster.tsx -o ~/.agent/diagrams/<name>.poster.png - Verify in the browser (see
references/verification.md): open the HTML, confirm canvas renders correctly, hierarchy legible, status colors only on values. - Canvas-fit loop (mandatory — see
./references/poster.md→ "Canvas-fit verification loop"). Load the exported PNG and inspect it. The live page may overflow beyond the fixed canvas; the PNG reveals the actual crop. If text is clipped, elements are cut by the boundary, empty space suggests a collapsed grid, the hierarchy no longer reads, or the main content became unreadable, rework the TSX and re-export. Bounded at 3 attempts; if still broken, stop and report. - Tell the user both file paths (HTML for live viewing with the export toolbar, PNG for sharing).
Use .poster. as an infix in the filename (payments-q1.poster.html, payments-q1.poster.png) to distinguish from the scrollable HTML output.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 16d ago Changed 56c08e1d3488
- 1mo ago Changed dfdf097e4ac8
- 1mo ago First seen · 46 lines · 17 tokens per session scan A e9b2824ac562
generate-poster is a command published in the GitHub repository theclaymethod/artifacture (3 stars, last pushed 5d ago), licensed MIT. It adds 17 tokens to every session and 985 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other commands, from other repositories
octo-design-ui-ux
Design UI/UX systems with style guides, palettes, typography, and component specs.
verify
Fidelity check — rebuild a page from the extracted tokens, pixel-diff it against the live site, and score how faithfully the tokens capture the design.
design-tutorial
Interactive guided tour of Naksha — learn commands through real exercises, discover workflows, and get oriented in under 10 minutes.
ux-audit
Audit a Figma file against a design brief — checks page structure, frame naming, sizes, styles, components, and content compliance.
ux-grill
Use when a running web app's UX has to be audited reproducibly rather than by feel — a deterministic mechanical pass over routes and viewports (axe, target size, horizontal overflow, page title, scripted journeys) followed by a screenshot-grounded interrogation of the operator, journey by journey, with two persona…
anti-slop-designer
Use when a UI looks machine-made rather than decided. Violet gradients, glassmorphism everywhere, identical cards in a grid, untouched shadcn or Material defaults, emoji bullets, or copy stuffed with seamless and unlock.