render-html

Convert ARIS Markdown and JSON artifacts into single-file HTML views.

2|Updated Aug 12, 2025
One-click install
npx skills add https://github.com/goupup-ai/miccai25 --skill render-html-goupup-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: render-html
Source: https://github.com/goupup-ai/miccai25/tree/main/ARIS/skills/render-html
Command: npx skills add https://github.com/goupup-ai/miccai25 --skill render-html-goupup-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

ARIS workflow nodes produce Markdown artifacts that are canonical and machine-parseable but difficult for humans to read. This Skill converts those artifacts into polished, single-file HTML views with sticky navigation, callouts, math rendering, and syntax highlighting, making research reports, reviews, and plans immediately readable without any build system.

Core Features & Use Cases

  • Academic Template: Renders IDEA_REPORT, AUTO_REVIEW, KILL_ARGUMENT, and PAPER_PLAN into long-form HTML with a sticky table of contents, serif typography, and styled callouts.
  • Dashboard Template: Creates dense grid layouts for research-wiki cockpits and RESUBMIT_REPORT overviews.
  • Safety & Fidelity: Embeds source SHA256 and generation timestamp for drift detection, sanitizes unsafe HTML, and supports offline mode with graceful degradation.
  • Use Case: A researcher completes an overnight auto-review and uses this Skill to instantly generate a shareable HTML report with score progressions, weakness statuses, and embedded state JSON.

Quick Start

Use the render-html skill to convert the IDEA_REPORT.md artifact into a polished academic HTML view saved alongside the source.

Frequently Asked Questions about render-html

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert Markdown research artifacts into readable HTML?

To convert Markdown research artifacts into readable HTML, use a renderer that transforms ARIS Markdown outputs into single-file HTML views with sticky navigation, serif typography, math rendering, and syntax highlighting.

Does the HTML rendering process support LaTeX math and syntax highlighting?

Yes, HTML rendering supports LaTeX math and syntax highlighting by utilizing MathJax and highlight.js CDN integrations, ensuring academic research reports with complex equations and code blocks display correctly for human reading.

How do I sanitize HTML output generated from Markdown to prevent XSS?

To sanitize HTML output generated from Markdown and prevent XSS, the rendering process applies defense-in-depth XSS sanitization, stripping unsafe HTML tags while preserving canonical research artifact structures like PAPER_PLAN and KILL_ARGUMENT documents.

Can I render research-wiki dashboards and auto-review reports offline?

Yes, you can render research-wiki dashboards and AUTO_REVIEW reports offline. The HTML view generation supports a graceful degradation mode, allowing dense grid layouts and embedded state JSON to display without an active internet connection.

What is the best way to detect drift in generated HTML research reports?

The best way to detect drift in generated HTML research reports is to embed the source SHA256 hash and generation timestamp directly into the single-file HTML output, allowing verification of whether the rendered view matches the original Markdown artifact.