agentmods.dev

render

render is a skill for Claude Code, Codex from DmitriyYukhanov/claude-plugins. It costs 88 tokens per session (614 once invoked), scanned A, original, MIT.

A tool that turns a tour-spec.json file into one interactive HTML guide. JSON is a structured text format for data, while HTML is the format used to display web pages.

In plain words
What is it for?
Use it to render or update an interactive tour from tour-spec.json, including checking Node.js and any local template override.
Why use it?
It regenerates the guide after the specification or its embedded sources has been edited, using a repeatable process.

Skill for Claude CodeCodex

Installs and runs on its own, but its text points at files inside its plugin — anything it tells you to read at a ${CLAUDE_PLUGIN_ROOT} path is only there once the plugin is installed. Installing the plugin gets both.

Part of the learning-guide plugin — 3 skills shipped together

not rated 7 yesterday A scan 88 tokens original MIT
View the source file DmitriyYukhanov/claude-plugins
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.

agentmods
npx agentmods add skills/dmitriyyukhanov/claude-plugins/render
Any agent
npx skills add DmitriyYukhanov/claude-plugins --skill render
Clone the repo
git clone --depth 1 https://github.com/DmitriyYukhanov/claude-plugins

Made for: Claude Code, Codex.

Or install learning-guide, the plugin that ships this one along with the rest of its 3 skills.

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 render

README.md
[![agentmods](https://agentmods.dev/badge/skills/dmitriyyukhanov/claude-plugins/render.svg)](https://agentmods.dev/skills/dmitriyyukhanov/claude-plugins/render)
Your own site
<a href="https://agentmods.dev/skills/dmitriyyukhanov/claude-plugins/render"><img src="https://agentmods.dev/badge/skills/dmitriyyukhanov/claude-plugins/render.svg" alt="Measured on agentmods" height="20"></a>
Per session 88 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 614 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
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 $0.00088 $0.00614
Opus 5 $0.00044 $0.00307
Sonnet 5 $0.00018 $0.00123
Haiku 4.5 $0.00009 $0.00061

Measured 4d ago against content hash 6235561c6bf4, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

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

plugins/learning-guide/skills/render/SKILL.md · 53 lines

How it starts

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

Render — HTML Generation

Take a tour-spec.json and produce a single-file index.html. This skill is deterministic; the heavy lifting is in ${CLAUDE_PLUGIN_ROOT}/scripts/render.cjs.

Trigger phrases

  • "render the tour"
  • "regenerate the HTML"
  • "update the embedded sources"
  • Auto-dispatched at the end of learning-guide:analyze

Inputs

  • Spec path — tour-spec.json location. Default: CWD; explicit path supported.
  • Output directory — defaults to the spec's parent dir.

Steps

  1. Locate the spec. If the user provides a path, use it. Otherwise look for tour-spec.json in CWD. If neither, ask the user where the spec is. Do NOT scan the entire repository.

  2. Confirm Node is available. Run node --version. If exit code is non-zero, tell the user Node.js must be on PATH and stop. Do not attempt fallback rendering.

  3. Inspect overrides. Look for <spec-dir>/.learning-guide/template.html. If present, ensure tour-spec.renderer.template_compatibility_version matches the <!-- template_compatibility_version: N --> declaration on the override's first line. If missing or mismatched, ask the user to fix it before rendering.

  4. Run the renderer.

    node "${CLAUDE_PLUGIN_ROOT}/scripts/render.cjs" "<spec-path>"

    If --output-dir is needed, pass it explicitly.

  5. Surface output. On success, print the renderer's stdout summary verbatim. On non-zero exit, print stderr verbatim and offer the troubleshooting table from references/renderer-cli.md.

  6. Confirm artifacts. Verify index.html and README.md exist with non-zero size. If anything expected is missing, surface the discrepancy — do not retry blindly.

Re-running from the shell

The user can re-render without involving Claude by running node "<plugin-root>/scripts/render.cjs" tour-spec.json.

When NOT to use this skill

  • The user wants new content, not a re-render. Dispatch learning-guide:analyze instead.
  • The spec does not exist yet. Dispatch learning-guide:analyze.

Read the full file on GitHub · 53 lines

Files

What ships with it

2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

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. 4d ago First seen · 53 lines · 88 tokens per session scan A 6235561c6bf4

Subscribe to this mod's changes

render is a skill published in the GitHub repository DmitriyYukhanov/claude-plugins (7 stars, last pushed yesterday), licensed MIT. It adds 88 tokens to every session and 614 once invoked, about $0.0004 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.

Hardware and IoTPlanningaianthropicclaudeclaude-codeclaude-code-marketplaceclaude-code-plugin
Related

Other skills, from other repositories

seam-probe

This skill should be used when testing or debugging an embedded-runtime boundary exposed through a dynamically loaded C-ABI library or Unix-domain socket, including requests to inspect exports, exercise FFI callbacks, send framed messages, reproduce seam crashes or hangs, fuzz a boundary, or correlate probe output…

johnkozaris/jko-claude-plugins · 82 tokens

esp32-expert

This skill should be used for ESP32-specific hardware and runtime work in ESP-IDF, Arduino-ESP32, or PlatformIO projects: target/build detection, FreeRTOS tasks and ISRs, memory/DMA, peripherals, power, networking/security, OTA, crash diagnosis, and unattended reliability. Trigger on "debug this ESP32 crash", "review…

johnkozaris/jko-claude-plugins · 137 tokens

esp32-expert

This skill should be used when the user is writing, reviewing, debugging, or architecting C++ firmware for ESP32 and variants (ESP32-S2, S3, C3, C6, H2, P4) using ESP-IDF or PlatformIO. Provides expert critique covering FreeRTOS task design, memory management (IRAM/DRAM/PSRAM), peripheral drivers (I2C/SPI/UART/GPIO)…

mathisk2095/jko-claude-plugins · 193 tokens

output

Show or switch the Mac's audio output device (built-in speakers, AirPods, external displays, DACs). Use when the user asks where sound is playing, which output device is active, or wants audio routed to a different device.

Bangs00/claude-media-control · 50 tokens

design-everyday-things

Apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models. Use when the user mentions "why is this confusing", "affordance", "error prevention", "discoverability", "human-centered design", "mental model", "mapping", "seven stages of action", "users keep making…

wondelai/skills · 132 tokens

create-app

Guided journey from a raw app idea to a validated, cleanly architected first version that ships on a sustainable cadence. Orchestrates ten skills phase by phase - lean-startup, design-sprint, clean-architecture, domain-driven-design, clean-code, pragmatic-programmer, system-design, ios-hig-design, 37signals-way…

wondelai/skills · 217 tokens