contract-interactive-html

Generates an interactive HTML contract review with clause drill-down, severity filters, and side-by-side comparison.

4|2|Updated May 13, 2026
One-click install
npx skills add https://github.com/BoardAI/vallor-plugins --skill contract-interactive-html-boardai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: contract-interactive-html
Source: https://github.com/BoardAI/vallor-plugins/tree/main/vallor/skills/contract-interactive-html
Command: npx skills add https://github.com/BoardAI/vallor-plugins --skill contract-interactive-html-boardai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Long contract redlines with dozens of findings are unreadable as a single linear document. This Skill converts a markdown redline into a clickable, self-contained HTML view so reviewers can filter by severity, jump between clauses, and compare counterparty language against proposed replacements. ## Core Features & Use Cases - Interactive clause navigation: A sidebar lists all findings with severity dots; clicking a row scrolls the main pane to that clause with their language, proposed replacement, rationale, and fallback. - Multiple layout modes: Side-by-side, stacked, or drill-down layouts, plus a severity filter bar whose state is preserved in the URL hash for shareable bookmarked views. - Inline comments and shortcuts: Per-clause comment threads stored in localStorage, keyboard navigation (j/k, /, c), print-friendly output, and offline-capable single-file HTML with no frameworks. - Use Case: After running a redline on a 30-page MSA with 80 findings, generate the interactive view so outside counsel can filter to blocking issues, click through each clause, and leave notes without reading top-to-bottom. ## Quick Start Use the contract-interactive-html skill to build an interactive clickable review from the redline file redlines/acme-msa.md in drill-down mode.

Frequently Asked Questions about contract-interactive-html

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

FAQPage Schema
How do I create an interactive HTML report from a contract redline?

Run the skill with the path to your markdown redline, for example /vallor:contract-interactive-html redlines/acme-msa.md. It generates a single self-contained HTML file with a clickable findings sidebar, severity filters, and side-by-side clause comparison saved to the reports directory.

What layout modes does the interactive contract review support?

Three modes are available: side-by-side (their language next to proposed, the default), stacked for narrow screens, and drill-down for very long redlines with 80+ entries. Pass --mode side-by-side, stacked, or drill-down to select one.

Can I use this on a contract PDF without a redline?

No. The skill requires an existing markdown redline as input. If you only have a contract PDF, it will prompt you to run the contract-redline skill first to produce the source material.

Does the interactive HTML report work offline and in print?

Yes. The output is a single HTML file with embedded CSS and vanilla JavaScript, no frameworks or network calls, so it works fully offline. A print stylesheet collapses the sidebar, expands all clauses, and hides the comment widget.

Are inline comments in the HTML review shared with others?

No. Comments are stored in the browser's localStorage keyed by the file URL, making them single-reviewer notes. The file warns if localStorage is empty when opened from a different device.

How is counterparty text sanitized in the generated HTML?

All untrusted content such as counterparty language and vendor names is inserted via textContent, never innerHTML, preventing script injection. DOMPurify is vendored as a fallback if retrieved content might contain HTML.