render-html

Convert Markdown and JSON artifacts into single-file HTML documents.

1|Updated Jul 21, 2026
One-click install
npx skills add https://github.com/dogekiki/SP-test --skill render-html-dogekiki
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: render-html
Source: https://github.com/dogekiki/SP-test/tree/main/.trae/skills/render-html
Command: npx skills add https://github.com/dogekiki/SP-test --skill render-html-dogekiki

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill bridges the gap between machine-parseable Markdown artifacts and human-readable documentation, ensuring that complex research outputs, reviews, and plans are presented in a professional, accessible format.

Core Features & Use Cases

  • Artifact Rendering: Converts canonical Markdown/JSON artifacts like IDEA_REPORT, AUTO_REVIEW, and KILL_ARGUMENT into single-file HTML views.
  • Template Flexibility: Supports academic-style long-form documents with sticky TOCs and dashboard-style layouts for metric-heavy cockpit views.
  • Safety & Integrity: Includes built-in XSS sanitization and drift detection via SHA256 hashing to ensure the rendered output remains a faithful, secure representation of the source.

Quick Start

Use the render-html skill to convert the file idea-stage/IDEA_REPORT.md into a polished academic HTML report.

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 files into a readable HTML report?

You can convert Markdown into a single-file HTML report by transforming structured Markdown and JSON artifacts into human-readable documents, supporting both academic long-form layouts and dashboard-style metric views.

What is the best way to generate dashboard-style HTML from JSON artifacts?

Generating dashboard-style HTML from JSON artifacts involves using template flexibility features that support metric-heavy cockpit views, converting canonical structured data into polished single-file output.

How does source-drift detection work when rendering HTML documents?

Source-drift detection works via SHA256 hashing to verify that the rendered HTML output remains a faithful representation of the original Markdown or JSON source, maintaining strict document integrity during conversion.

Does the HTML rendering process include built-in XSS sanitization?

Yes, the HTML rendering process includes strict XSS sanitization to ensure that the generated single-file documents remain secure and free from malicious script injection during professional review and presentation.

Can I use academic templates with sticky TOCs for long-form Markdown documents?

Yes, you can use academic templates with sticky table of contents layouts designed specifically for long-form documents, ensuring complex research outputs and plans are presented in an accessible format.

What are the limitations of converting single-file HTML from structured Markdown?

A limitation of converting to single-file HTML is that output relies entirely on the structure of canonical source artifacts like IDEA_REPORT or AUTO_REVIEW, meaning malformed Markdown or JSON inputs may fail strict integrity checks.