reporting

Format reports into collapsible HTML details and summary sections.

4.9k|489|Updated Aug 12, 2025
One-click install
npx skills add https://github.com/githubnext/gh-aw --skill reporting
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: reporting
Source: https://github.com/githubnext/gh-aw/tree/main/skills/reporting
Command: npx skills add https://github.com/githubnext/gh-aw --skill reporting

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill improves the readability and navigability of AI-generated reports by providing guidelines for using HTML <details> and <summary> tags, preventing excessive scrolling and making information easier to digest. It helps users quickly find relevant information in lengthy outputs.

Core Features & Use Cases

  • Collapsible Sections: Wrap report content in HTML <details> and <summary> tags to create expandable and collapsible sections.
  • Improved Readability: Enhance user experience by allowing selective viewing of detailed information, reducing visual clutter.
  • Standardized Format: Ensure consistent report presentation across all AI-generated outputs.
  • Use Case: An AI agent generates a long analysis report. This skill guides the agent to wrap sections of the report in <details> tags, allowing users to expand only the relevant parts and quickly find information.

Quick Start

Use the reporting skill to wrap your AI-generated report content in <details><summary>📊 Report Title</summary>...</details> tags for improved readability.

Frequently Asked Questions about reporting

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

FAQPage Schema
How do I make long reports more readable by collapsing sections?

Use HTML `<details>` and `<summary>` tags to wrap report sections. The `<summary>` tag creates a clickable header, and content inside `<details>` collapses until expanded. This reduces scrolling and lets readers navigate to relevant information quickly.

Can I use collapsible sections in markdown or HTML reports?

Yes. HTML `<details>` and `<summary>` tags work in HTML outputs and render in markdown environments that support raw HTML. Structure each collapsible section with a `<summary>` header and nested content blocks for consistent formatting.

What's the best way to format AI-generated documentation for better user experience?

Wrap lengthy content in collapsible `<details>` blocks with clear `<summary>` headings. This standardizes report presentation, improves readability by hiding verbose sections, and helps users quickly locate information without visual clutter.

Do I need special tools to create collapsible report sections?

No. Standard HTML `<details>` and `<summary>` tags work natively in browsers and most markdown renderers. No dependencies or additional libraries are required to implement collapsible sections in reports and documentation.

When should I use collapsible formatting instead of showing all content?

Use collapsible sections for lengthy analysis reports, detailed proposals, or dashboards where users benefit from selective viewing. Hide verbose content, technical breakdowns, or supplementary details behind expandable headers to prioritize key findings.