# HTML Report

Self-contained styled HTML reports written to the task directory: PDF-exportable...

- Repository: https://github.com/ginlix-ai/LangAlpha (2232 stars)
- Category: Design
- License: Apache-2.0
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add ginlix-ai/LangAlpha --skill html-report -g -a claude-code -y`
Codex: `npx skills add ginlix-ai/LangAlpha --skill html-report -g -a codex -y`
Cursor: `npx skills add ginlix-ai/LangAlpha --skill html-report -g -a cursor -y`
Gemini CLI: `npx skills add ginlix-ai/LangAlpha --skill html-report -g -a gemini-cli -y`

## Description

Self-contained styled HTML reports written to the task directory: PDF-exportable research documents with inline data, charts, and theme-aware CSS

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# HTML Report

Author a styled, self-contained HTML **document** and write it into the task directory (e.g. `amd_analysis/report.html`). The file panel renders it with full browser semantics, JavaScript runs, CDN libraries load, relative assets resolve, and the user can view it fullscreen, open it in a new tab, download it, or export it to PDF.

This is the right output when the user wants a **deliverable they can keep, share, or print**, an equity research note, an earnings recap, a screen writeup, not a throwaway answer.

> **Read `.agents/skills/ui-design/SKILL.md` before authoring.** It defines the typography, color, and composition standards that keep the report looking like a research desk artifact rather than a generic AI page. This skill covers the mechanics; that one covers the taste.

> **User preferences override these defaults.** Anything the user has told you, in this conversation, in your long-term memory, or in their saved preferences/memos, outranks every rule in this skill. If they want a different structure, no charts, a specific set of sections, or a particular file layout, do that. (Visual taste, fonts, color, accent, light/dark, is `.agents/skills/ui-design/SKILL.md`'s domain; that skill defers to the user's stated style.) Treat the rules here as sensible defaults for when the user hasn't specified.

## Decide: Which Output?

A report from this skill **can be interactive** (sortable tables, tab/filter controls, hover- and zoomable charts, see **Interactivity**, below). So interactivity is *not* what separates it from a dashboard. The real divide is **self-contained snapshot file vs. live served app**:

The rest: https://github.com/ginlix-ai/LangAlpha/blob/HEAD/plugins/langalpha_deliverables/skills/html-report/SKILL.md