Generate HTML Report
Create beautiful, self-contained HTML reports that can be shared as standalone files.
When to Use
- Creating comparison tables or charts
- Generating visual summaries
- Building shareable documentation
- Creating presentation-ready outputs
How to Generate
- Ask the user what content they want in the report
- Use the template from
templates/report-template.htmlas the base - Customize the content while keeping the Tailwind CDN link
- Save to the current conversation's
outputs/html/folder - Name the file descriptively:
[description]-v[N].html
Template Location
See templates/report-template.html for the base HTML structure with Tailwind CSS.
Styling Guidelines
- Use Tailwind utility classes for all styling
- Keep the design clean and professional
- Use a consistent color scheme (slate/blue by default)
- Ensure good contrast for readability
- Include responsive classes for mobile viewing
Output Location
Always save generated reports to:
/conversations/[current-topic]/outputs/html/[name]-v1.html
Increment the version number if a file with that name exists.