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.
npx agentmods add commands/geo-mena/distill/slidesgit clone --depth 1 https://github.com/geo-mena/distillWrote 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/geo-mena/distill/slides)<a href="https://agentmods.dev/commands/geo-mena/distill/slides"><img src="https://agentmods.dev/badge/commands/geo-mena/distill/slides.svg" alt="Measured on agentmods" 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 | $0.00024 | $0.01146 |
| Opus 5 | $0.00012 | $0.00573 |
| Sonnet 5 | $0.00005 | $0.00229 |
| Haiku 4.5 | $0.00002 | $0.00115 |
Grade A, and why
slides 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 4d 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 — 43 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Load the distill-design skill, then produce a slide deck in the Distill visual language for the topic in $@.
Workflow:
- Read
plugins/distill-design/SKILL.mddecision tree row "Slide deck for a talk" andplugins/distill-design/DESIGN-SYSTEM.md§ "Visual foundations" before drafting. There is no shippedslides/UI kit — you reuseArticleHeader,Figure, and the diagram primitives, paginated. - Outline the deck first as a numbered list of slide titles in sentence case. Default 10–14 slides unless the user specified. Each slide carries one idea. Pause for confirmation only if the user asked you to.
- Generate a single self-contained HTML file. Each slide is a
<section>withwidth: 1280px; height: 720px;(16:9),background: #fdfdfd;, padded64px 96px, sized viaaspect-ratio: 16/9so it scales. Use CSS scroll-snap on the parent container so each slide snaps to viewport. Include a thin slide counter (12 / 14) bottom-right in 12px#6a6a6a. - Compose slides from the existing primitives. For diagram-heavy slides, use a "figure breakout" layout — the diagram sits in the upper two-thirds, a one-line caption in the lower third (14px
#6a6a6a, mirroringFigurefromPrimitives.tsx). For prose slides, use theArticleHeadertypography ladder: eyebrow (11px uppercase#6a6a6aletter-spacing 0.12em) → title (36px weight 600, sentence case) → body (17pxrgba(0,0,0,0.8)line-height 1.7). One idea per slide. - Citations at the foot of each slide that references external work: 11px
#6a6a6a, format[N] Authors, Title, Venue.— sameCitationlook fromPrimitives.tsxminus the hover popover (slides are not interactive). A consolidated References slide at the end is also acceptable. - Embed diagrams using the same primitive selection as
/distill-design:diagram. Pull components fromPrimitives.tsx,Diagrams.tsx,RL.tsx,Graph.tsx,Heatmap.tsx,Specialized.tsx. The HTML loads them via Babel standalone exactly likeui_kits/article/index.html— copy that scaffold's<head>and adapt.
Slide structure conventions:
- Title slide: eyebrow (talk venue / date if user gave one), h1 56px weight 700 pure
#000on a single line (or 2-line wrap), italic subtitle 22px#4a4a4a, byline grid likeArticleHeader. No diagram on the title slide. - Section divider slides: h2 36px weight 600 centered, paper background, no other content. Used to mark major sections of the deck.
- Idea slides: title (h2 ladder) + one diagram or one short paragraph (≤ 60 words). Never both at full size.
- Figure breakout slides: full-bleed diagram with a one-line caption. The caption describes what to look at.
- Closing slide: a single sentence summary, citation list below if not on its own slide, contact line in 13px italic
#6a6a6a(no email-as-hyperlink-blue, just plain text — Distill links are quiet).
Output location:
- Default:
plugins/distill-design/preview/slides-<slug>.html. The user opens it in a browser and uses arrow keys / scroll-snap to navigate. - If the user wants a printable PDF, mention they can use
chrome-devtools"Print → Save as PDF" with custom paper size 1280×720.
Hard constraints (non-negotiable):
- English only. Never translate the slide content.
- No emoji on any slide.
- No marketing superlatives. No exclamation points. Sentence case headings.
- Body color
rgba(0,0,0,0.8); pure#000on h1 only (title slide and any per-slide h1, which should be rare — most slides use h2 36px). - Strokes 1.5–2px in
#666rounded caps for any embedded SVG. - No gradients, no shadows on slide content, no fixed elements (the slide counter is part of the slide flow, not fixed).
- No year literals in slide content unless the topic genuinely dates a specific paper.
- Background
#fdfdfdonly. Never pure white. Never a colored slide background — color belongs in the diagrams.
Verification:
- Serve via
cd plugins/distill-design && python3 -m http.server 8765(Babel standalone needs HTTP). - Open
http://localhost:8765/preview/slides-<slug>.htmland verify visually withchrome-devtools— take a screenshot of the title slide and one figure-breakout slide. Check: aspect ratio holds at 16:9, system sans not Times-fallback, scroll-snap advances one slide per scroll.
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.
- 4d ago First seen · 43 lines · 24 tokens per session scan A 29f2434a12b3
slides is a command published in the GitHub repository geo-mena/distill (2 stars, last pushed 3mo ago), licensed MIT. It adds 24 tokens to every session and 1,146 once invoked, about $0.0001 per session on Opus 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
design-present
Generate an interactive HTML presentation from Figma screens — annotated walkthrough with transitions, speaker notes, and keyboard navigation.
design-reel
Record naksha's design team working — turn a /design run into a share-able vertical + landscape video reel (the 26-role team redesigning a screen, live).
gen-video
Generate video output in one of three modes: Remotion (programmatic React-based video), Gen-AI (shot prompt pack for Runway/Kling/Sora/Pika/Luma), or Remotion+Gen-AI (programmatic scaffold with AI footage embedded).
gen-audio
Generate an AI audio brief — voiceover (ElevenLabs, Murf) or music/jingle (Suno), with tool selection, voice/music brief template, timing cues for video sync, and synthetic voice compliance note.
gen-image
Generate a brand-aligned AI image — tool selection, full prompt (subject, style, lighting, camera, mood, negatives), variation prompts, and seed strategy. Works across Midjourney, DALL-E, Ideogram, Firefly, and Stable Diffusion.
gen-moodboard
Generate 3 AI moodboard directions for a concept or campaign — brand personality extraction, visual style definition, and 4–6 ready-to-paste image prompts per direction with rationale.