HTML Renderer
OfficialCompile docs and graphs into themed HTML.
Software Engineering#theming#html#markdown rendering#static site generation#code graph visualization#offline artifacts#agent preview
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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.