skills.rest
pageel
pageelOFFICIAL
Explore all skills by this author →
GitHub

HTML Renderer

Generate interactive HTML pages from Markdown and code-graph JSONL data.

48|18|Updated Feb 4, 2026
Search Tags:#theming#html#markdown rendering#static site generation#code graph visualization#offline artifacts#agent preview
One-click install
npx skills add https://github.com/pageel/para-workspace --skill html-renderer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: HTML Renderer
Source: https://github.com/pageel/para-workspace/tree/main/templates/common/agents/skills/html-renderer
Command: npx skills add https://github.com/pageel/para-workspace --skill html-renderer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

It turns Markdown documents and code-graph JSONL data into consistent, interactive, self-contained HTML pages so users and agents can preview, share, and navigate workspace content without losing formatting or theming.

Core Features & Use Cases

  • Interactive Docs Viewer: Compiles project Markdown into a Notion-inspired HTML experience with light/dark theming, sidebar navigation, breadcrumbs, and full-text search with keyword highlighting.
  • Graph Visualization Export: Compiles code graph data into an interactive force-directed HTML visualization (with node filtering, search, details panel, and memory timeline).
  • Offline-Ready Themed Output: Uses embedded design tokens and templates so the resulting HTML pages work reliably as standalone artifacts (e.g., file:// viewing).
  • Agent-Friendly Preview & Feedback Loop: Supports heading anchors and chat/action affordances for agent edit requests and document interaction.

Quick Start

Ask the agent: Compile the workspace documentation to HTML into the default .html directory and also generate the interactive code graph HTML from the project graph dumps.

Frequently Asked Questions about HTML Renderer

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

FAQPage Schema
How do I compile Markdown documentation into themed HTML pages?▼

You can compile Markdown documentation into themed HTML by using deterministic compilation scripts that inject rendered content into self-contained HTML templates with embedded design tokens, producing browser-friendly outputs with sidebar navigation and full-text search.

Can I generate interactive code graph visualizations from JSONL dumps?▼

Yes, you can generate interactive code graph visualizations from JSONL dumps by compiling the graph data into self-contained HTML pages featuring force-directed layouts, node filtering, search, details panels, and a memory timeline.

Do I need an internet connection to view the exported HTML documentation?▼

No, you do not need an internet connection to view the exported HTML documentation. The compilation process embeds design tokens and templates directly into the output, ensuring reliable offline viewing via local file paths.

What is the best way to preview workspace documentation changes during development?▼

The best way to preview workspace documentation changes is using watch-mode rebuilds for rapid iteration, which recompiles Markdown into interactive HTML pages with light/dark theming and heading anchors for immediate agent-friendly feedback.

Does the generated HTML output support offline file viewing without external dependencies?▼

Yes, the generated HTML output supports offline file viewing without external dependencies. It applies HTML templates with embedded design tokens to create standalone artifacts that work reliably when opened directly in a browser.

Can agents interact with the compiled HTML documentation for edit requests?▼

Yes, agents can interact with the compiled HTML documentation because the output includes heading anchors and chat or action affordances that support agent edit requests and document interaction feedback loops.

Related Skills

Explore More Software Engineering Skills→
RonaldJENRonaldJEN
5

markdown-to-html

Convert Markdown into self-contained HTML documents with embedded CSS.

Community
Intermediate
PedroGiudicePedroGiudice
5

technical-doc-creator

Generate HTML technical documentation with syntax-highlighted code and SVG architecture diagrams.

Community
Intermediate
yeet-srcyeet-src
7

yeet-scripts

Create, test, and debug JavaScript system observation scripts with live visualizations.

Official
Intermediate
acaprinoacaprino
6

forcegraph-exporter

Convert mindmap JSON outlines into interactive force-directed HTML visualizations.

Community
Intermediate