graphic-output

Generate self-contained HTML dashboards with D3.js charts from LimaCharlie data.

29|3|Updated Dec 21, 2025
One-click install
npx skills add https://github.com/refractionPOINT/lc-ai --skill graphic-output
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: graphic-output
Source: https://github.com/refractionPOINT/lc-ai/tree/main/marketplace/plugins/lc-essentials/skills/graphic-output
Command: npx skills add https://github.com/refractionPOINT/lc-ai --skill graphic-output

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill transforms structured LimaCharlie data into self-contained HTML dashboards with interactive charts, providing clear visual insights without fabricating data.

Core Features & Use Cases

  • Produces self-contained HTML reports with D3.js charts (pie, bar, line) and interactive elements
  • Supports MSSP multi-tenant dashboards, per-org details, sensor health, detections analytics, and billing summaries
  • Enforces strict data accuracy guardrails: display data exactly as provided and never fabricate

Quick Start

Supply the data payload to the template to render an HTML dashboard (no external data fabrication).

Frequently Asked Questions about graphic-output

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

FAQPage Schema
How do I generate interactive HTML dashboards from LimaCharlie data?

Use graphic-output to transform LimaCharlie data into self-contained HTML dashboards with D3.js charts. Supply your structured data payload to the Jinja2 template, and it renders interactive visualizations—pie, bar, line charts, and gauges—without external dependencies or data fabrication.

Can I create multi-tenant MSSP dashboards and per-org reports with D3.js visualization?

Yes. graphic-output supports MSSP multi-tenant dashboards, single-org detail views, sensor health reports, and detection analytics. Each dashboard is self-contained HTML with D3.js charts, maintaining strict data accuracy with explicit provenance including source, timestamp, and time window.

What data accuracy guarantees does the dashboard generation provide?

graphic-output enforces strict data-accuracy guardrails: it displays data exactly as provided, never fabricates or infers values, and includes explicit data provenance—source, timestamp, and time window—in every output to ensure transparency and reliability.

How do I integrate dashboard generation with LimaCharlie reporting and detection workflows?

graphic-output integrates with the reporting, sensor-health, and detection-engineering skills. Feed structured LimaCharlie data from those sources into the Jinja2-templated HTML renderer to produce dashboards that summarize sensor health, detection analytics, and billing data in a single self-contained file.

What's the best way to visualize LimaCharlie sensor health and detection metrics across organizations?

graphic-output renders sensor health reports, detection analytics, and billing summaries as interactive HTML dashboards. Use D3.js charts—pie, bar, line, gauges—to display metrics across single orgs or multi-tenant MSSP environments, with data provenance baked into each visualization.

Do I need external hosting or APIs to deliver HTML dashboards from LimaCharlie?

No. graphic-output produces fully self-contained HTML files with embedded D3.js charts and styling. Dashboards run standalone in any browser without external dependencies, APIs, or data fabrication—everything needed is packaged in the output file.