slides-grab-html

slides-grab-html is a skill for Codex from NomaDamas/slides-grab. It costs 69 tokens per session (1,635 once invoked), scanned A, original, MIT.

A workflow for building presentations with real HTML text and separate supporting images, instead of turning each whole slide into one picture. The text remains selectable, editable, and accessible.

In plain words
What is it for?
Use it to create semantic slide files, generate individual hero or accent images, apply the deck's design direction, run the design check, and export the presentation.
Why use it?
It is suited to decks that need editable text, charts, diagrams, or no fixed template to copy exactly. It keeps slide content in HTML while using generated images only for visual accents or backgrounds.

Skill for Codex

Written for Codex: reads ~/.codex or $CODEX_HOME. Also seen: mentions Claude Code; mentions Codex.

Good fit Use it to create semantic slide files, generate individual hero or accent images, apply the deck's design direction, run the design check, and export the presentation.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/nomadamas/slides-grab/slides-grab-html
About the project

slides-grab is a tool for creating and editing presentations as HTML and CSS files, with an editor that lets coding agents work on selected parts of a slide and export decks to PDF or experimental PPTX files. It is for people generating presentations with Claude Code, Codex, and related agents. The catalogue entries provide skills, agents, and instructions for its presentation workflow.

NomaDamas/slides-grab · 1,204 stars · on GitHub · nomadamas.github.io

Install

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.

Any agent
npx skills add NomaDamas/slides-grab --skill slides-grab-html
Clone the repo
git clone --depth 1 https://github.com/NomaDamas/slides-grab

Made for: Codex.

Wrote 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.

agentmods badge for slides-grab-html

README.md
[![agentmods](https://agentmods.dev/badge/skills/nomadamas/slides-grab/slides-grab-html/github.svg)](https://agentmods.dev/skills/nomadamas/slides-grab/slides-grab-html)
Your own site
<a href="https://agentmods.dev/skills/nomadamas/slides-grab/slides-grab-html"><img src="https://agentmods.dev/badge/skills/nomadamas/slides-grab/slides-grab-html/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.

agentmods 80×15 button for slides-grab-html

Your own site · 80×15
<a href="https://agentmods.dev/skills/nomadamas/slides-grab/slides-grab-html"><img src="https://agentmods.dev/badge/skills/nomadamas/slides-grab/slides-grab-html.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 69 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,635 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector warn 7 Sept 2026
SkillSpector: 1 finding, up to medium

These are SkillSpector’s own severities. On a checked sample its high-severity flags on skills were ~96% false positives — a documented command, a public API, a “never do X” rule — so we show them as a caution to read, not a verdict. Why →

  • medium Rogue Agent · line 33
    Skill establishes unauthorized persistence across sessions via cron jobs, startup scripts, or state files. Session persistence allows an attacker to maintain access beyond the current interaction.
    Fix: Remove any persistence mechanisms (cron jobs, startup scripts, state files). Skills should not maintain state across sessions without explicit user consent.
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5.1 $0.00069 $0.01635
Opus 5 $0.00034 $0.00817
Sonnet 5 $0.00014 $0.00327
Haiku 4.5 $0.00007 $0.00163

Measured 9d ago against content hash d00a01bb7dde, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-08, from the pricing page.

Security

Grade A, and why

slides-grab-html 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 9d 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.

skills/slides-grab-html/SKILL.md · 68 lines

How it starts

The opening of the file, as written. The whole thing — 68 lines — stays where its author put it; the contents beside it link to each section on GitHub.

slides-grab HTML Skill

Build semantic slide-XX.html files where text is real HTML (selectable, editable, accessible) and imagery is generated as supporting accent/hero assets — never as whole-slide rasters. Use this pipeline when the user wants a deck they can edit, when slides contain charts or diagrams, or when no existing template demands pixel-perfect visual matching.

Mode signal

The plan stage records mode: html in slide-outline.md. If no mode is recorded, default to this pipeline.

Bespoke imagery rule

  • Use slides-grab image to generate individual hero/accent images that sit beside or behind semantic text inside an HTML slide. The generated image is a supporting visual — text and layout stay in HTML/CSS.
  • A bespoke image prompt describes the accent visual only — the atmospheric mood, the hero illustration, the background texture — not the slide's title, body copy, or layout. Let HTML handle text and layout.
  • Good prompt: "Atmospheric dawn horizon, cyan and silver tones, dreamy Y2K mood, no text, 16:9" — describes a hero background.
  • If you instead need the generated image to BE the whole slide (title, body, layout burned into the raster), use the image-native pipeline (../slides-grab-image/SKILL.md) — semantic HTML is the wrong tool for that.

Workflow

Stage 1 — Plan

Use the installed slides-grab-plan skill.

  1. Take topic, audience, and tone.
  2. Run slides-grab list-styles, shortlist 2–3 bundled styles, get explicit approval. Optionally offer slides-grab preview-styles. If none fit, propose a custom direction. If the user provides a reference template/PDF/PPTX for color tokens only (not pixel-perfect matching), import it with slides-grab import-template and record style: template-pack — the template pack supplies design tokens, but slides stay semantic HTML.
  3. Record mode: html in slide-outline.md meta.
  4. Present outline, revise until approved.

Stage 2 — Design

Use the installed slides-grab-design skill.

  1. Read approved slide-outline.md, load the style spec (src/design-styles-data.js for bundled ids, slides-grab show-design for DESIGN.slides.md, or .slides-grab/template-pack.json for imported packs).
  2. Write a visual thesis, content plan, system declaration, and design tokens before generating slides.
  3. Generate slide-XX.html semantic HTML files with 2-digit numbering in --slides-dir.
  4. Bespoke imagery: when a slide needs a hero/accent image, run slides-grab image --prompt "<accent-visual prompt>" --slides-dir <path>. The default codex provider reuses the local Codex ChatGPT login (~/.codex/auth.json — run codex login once; no API key required). Save under <slides-dir>/assets/. To guide the style, pass reference images with --reference <path> (repeatable). Optional providers: --provider openai (OpenAI gpt-image-2 via OPENAI_API_KEY), --provider nano-banana (Google gemini-3-pro-image-preview via GOOGLE_API_KEY/GEMINI_API_KEY, supports --image-size 2K|4K). If credentials are unavailable, fall back to web search + download into <slides-dir>/assets/.
  5. Diagrams: for complex diagrams (architecture, workflows, relationship maps), use tldraw via slides-grab tldraw, store under <slides-dir>/assets/.
  6. Charts: default to Chart.js (<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>), start from templates/chart.html, keep animation: false, responsive: true, maintainAspectRatio: false, wrap <canvas> in a stable container. slides-grab validate reports empty-canvas for unpainted canvases.
  7. Video: store under <slides-dir>/assets/, prefer poster="./assets/<file>". Use slides-grab fetch-video or yt-dlp for web sources.
  8. Icons: prefer Lucide before emoji.
  9. Run slides-grab validate --slides-dir <path>. Auto-fix failures until it passes.
  10. Run the design gate (../slides-grab-design/references/design-gate.md): capture PNG evidence, run Pass A (System Contract) + Pass B (Audience Impact), synthesize verdict. Resolve all Critical findings, re-render, re-review until Proceed. Record with slides-grab design-gate --slides-dir <path> --verdict proceed --pass-a-report <a.md> --pass-b-report <b.md>.
  11. Launch the HTML editor: slides-grab edit --slides-dir <path>. For chart decks, also run slides-grab build-viewer and confirm charts render in viewer.html.

Read the full file on GitHub · 68 lines

Changes

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.

  1. 9d ago First seen · 68 lines · 69 tokens per session scan A d00a01bb7dde

Subscribe to this mod's changes

slides-grab-html is a skill published in the GitHub repository NomaDamas/slides-grab (1,204 stars, last pushed 2d ago), licensed MIT. It adds 69 tokens to every session and 1,635 once invoked, about $0.0003 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-30.

Related

Other skills, from other repositories

powerpoint-ppt

PowerPoint (.pptx) manipulation via MCP server. Use for creating slides, formatting presentations, managing placeholders, adding images, applying templates, or extracting text from .pptx files.

PracticalSwan/agent-skills · 42 tokens

presentation-forge

A workflow for creating editable PowerPoint presentations and related visual outputs from topics, documents, slides, templates, or images. It supports Chinese business reports and can use generated visual assets.

desirecore/market · 152 tokens

ppt-master

AI-driven presentation workflow for generating editable PPTX decks and slides, reconstructing page visuals, creating reusable Brand/Style/Layout/Deck workspaces, filling native PPTX templates, and enhancing finished PPTX files. Use when the user asks to create, generate, reconstruct, regenerate, beautify, redesign…

hugohe3/ppt-master · 108 tokens

deck-ljg-present

A presentation template that converts an outline or Markdown document into large, poster-like slides while keeping the original wording, order, and content. It uses black, red, or yellow colour themes and assigns document elements to slide layouts.

nexu-io/html-anything · 39 tokens

xiaobei-skill-academic-paper-to-ppt

A workflow that turns academic papers, reports, and technical documents into presentation slides, optionally following a supplied PowerPoint template. It creates a written outline, full-slide images, and a PowerPoint file.

xiao24bei/xiaobei-skill · 101 tokens

guizang-ppt-skill

A tool that creates slide-deck images from content by first making an outline and then rendering each slide. It supports multiple visual styles and is designed for decks people can read and share.

op7418/guizang-ppt-skill · 176 tokens