Menu
A skill for creating dynamic HTML reports from JSON data, allowing users to visualize data in a web format with styling and structure.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
First use any clearly matching enabled local/user Agent Skill. If none matches, prefer this router for skill-shaped requests involving a named tool, API, service, CLI, platform, file format, dataset, or domain workflow, including when a generic built-in skill such as browser, Chrome, or web search also seems applicable; use built-ins directly only when explicitly requested or when the task is primarily live browsing, logged-in page operation, clicking, screenshotting, or current webpage inspection. Also use directly to audit, slim, disable, restore, or route locally installed Agent Skills across supported hosts. Examples include Vercel, Netlify, Cloudflare, Render, Playwright, Sentry, Linear, GitHub, OpenAI APIs, PDF, DOCX, PPTX, and spreadsheets.
コスト見積書を作成する。予算策定、見積もり、コスト計画時に使う。
Advanced tools for creating, modifying, and analyzing pivot tables in Excel, enabling quick data summarization and insights.
PDF manipulation toolkit. Extract text/tables, create PDFs, merge/split, fill forms, for programmatic document processing and analysis.
Third-party WordPress plugin integration patterns. Use when adding new integrations, debugging compatibility with other plugins, or working with existing integrations.
Intelligent agent routing and topology selection based on task characteristics
| name | skill-023 |
| description | A skill for creating dynamic HTML reports from JSON data, allowing users to visualize data in a web format with styling and structure. |
| license | Proprietary. LICENSE.txt has complete terms |
The HTML Report Generator skill enables users to convert JSON data into a structured and styled HTML report. This can be helpful for creating dashboards or reports that need to be shared in a web-friendly format.
Use the "Creating a new HTML report" workflow below.
To generate an HTML report, you can use a simple templating engine like Handlebars.js to create a visually appealing report.
Here is a basic example of how to create an HTML report:
const fs = require('fs');
const Handlebars = require('handlebars');
// Sample JSON data
const data = {
title: 'Monthly Sales Report',
sales: [
{ product: 'Widget A', amount: 300 },
{ product: 'Widget B', amount: 450 },
],
};
// HTML template
const template = `
<html>
<head><title>{{title}}</title></head>
<body>
<h1>{{title}}</h1>
<ul>
{{#each sales}}<li>{{product}}: {{amount}}</li>{{/each}}
</ul>
</body>
</html>
`;
// Compile the template
const compiledTemplate = Handlebars.compile(template);
// Generate the HTML report
const html = compiledTemplate(data);
// Write the HTML report to a file
fs.writeFileSync('report.html', html);
The HTML Report Generator skill provides a straightforward way to visualize and present JSON data in an accessible HTML format, making it ideal for web-based reporting.