HTML Renderer

Official

Compile docs and graphs into themed HTML.

Authorpageel
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: HTML Renderer
Download link: https://github.com/pageel/para-workspace/archive/main.zip#html-renderer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.