moai-domain-html-report

Convert markdown reports into single self-contained HTML files with tiered audience depth.

Updated Aug 29, 2026
One-click install
npx skills add https://github.com/Seung-zedd/secure-file-upload --skill moai-domain-html-report-seung-zedd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: moai-domain-html-report
Source: https://github.com/Seung-zedd/secure-file-upload/tree/main/.claude/skills/moai-domain-html-report
Command: npx skills add https://github.com/Seung-zedd/secure-file-upload --skill moai-domain-html-report-seung-zedd

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Markdown reports are hard to share with non-technical stakeholders: they render poorly in email, print badly, and carry no visual structure. This Skill renders any markdown report into one self-contained HTML file that opens in a browser, attaches to email, prints cleanly, and works offline, while keeping a lean markdown twin for agent context. ## Core Features & Use Cases - Six report modes: status, incident, plan, explainer, financial, and pr templates, each with a fixed section structure and inline SVG charts. - Three audience tiers: expert, basic, and learn tiers derived from the active output style, scaling explanatory depth with mermaid diagrams, worked examples, and plain-language primers in the HTML only. - Zero-dependency output: no external JS or CSS frameworks; only a Korean font CDN and a tier-gated mermaid CDN with noscript fallbacks. - Use Case: After finishing a weekly status analysis in markdown, render it as an HTML report for executives — the expert tier stays dense, while the learn tier adds flowcharts and glossaries for new team members. ## Quick Start Render the attached markdown incident summary as a self-contained HTML report in incident mode and open it in my browser.

Frequently Asked Questions about moai-domain-html-report

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

FAQPage Schema
How do I convert a markdown report into a single HTML file?▼

Provide the markdown body and select one of six modes (status, incident, plan, explainer, financial, pr). The skill writes one self-contained .html file plus a lean .md twin, then auto-opens the HTML in your default browser.

What report types does the HTML renderer support?▼

Six modes are implemented: status, incident, plan, explainer, financial, and pr. Each mode has a fixed section structure, such as metric cards for status, a timeline for incident, and an income-statement table for financial.

Does the generated HTML require external JavaScript libraries?▼

No. Charts are hand-authored inline SVG with zero JS or CSS framework dependencies. The only exceptions are a Korean font CDN link and a mermaid CDN script that loads only in the basic and learn audience tiers, always with a noscript fallback.

How does the audience tier affect the rendered report?▼

The tier is derived from the active output style: MoAI maps to expert, MoAI-Easy to basic, and MoAI-Learn to learn. Higher tiers add plain-language primers, mermaid diagrams, and worked examples to the HTML only; the markdown twin stays lean at every tier.

Will the HTML report work offline or in email clients?▼

Yes. Inline SVG charts render everywhere including print and email. Mermaid diagrams degrade to a noscript fallback (inline SVG or prose summary) when JavaScript is unavailable, and the expert tier is strictly zero-JS.

When should I not use this HTML report renderer?▼

Avoid it when you need a build step, external design-system theming, or libraries like Chart.js, D3, React, or Tailwind, since those are explicit non-goals. It also does not replace the markdown source, which remains the single source of truth.