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.