report-blocks

Generate AgentSociety reports with predefined HTML blocks and optional interactive charts.

1.2k|203|Updated Feb 6, 2025
One-click install
npx skills add https://github.com/tsinghua-fib-lab/AgentSociety --skill report-blocks
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: report-blocks
Source: https://github.com/tsinghua-fib-lab/AgentSociety/tree/main/extension/skills/agentsociety-analysis/v1.0.0/support/report-blocks
Command: npx skills add https://github.com/tsinghua-fib-lab/AgentSociety --skill report-blocks

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the creation of interactive reports in AgentSociety, offering pre-defined HTML block patterns and integration with popular diagramming tools.

Core Features & Use Cases

  • Composable HTML Blocks: Use KPI strips, figure cards, and Mermaid diagrams to create reports.
  • Interactive Charts: Optional iframe support for interactive charts within reports.
  • Use Case: Imagine you are generating a report on social behavior patterns in a city. Use this Skill to create a visually appealing report that includes KPIs, figures, and interactive Mermaid diagrams to represent complex social interactions.

Quick Start

Generate a report using the report-blocks skill and include a KPI strip with the data from 'kpi_data.csv'.

Frequently Asked Questions about report-blocks

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

FAQPage Schema
How do I generate interactive HTML reports for AgentSociety analysis?

To generate interactive HTML reports for AgentSociety, use pre-defined HTML block patterns like KPI strips, figure cards, and Mermaid diagrams. This Skill provides these composable blocks to structure your analysis output.

Can I add interactive charts to my AgentSociety report blocks?

Yes, you can add interactive charts to your AgentSociety report blocks using optional iframe support. This allows you to embed interactive visualizations alongside static HTML blocks and Mermaid diagrams.

How do I create a KPI strip from CSV data in an AgentSociety report?

You can create a KPI strip from CSV data in an AgentSociety report by using the provided HTML block patterns. The Skill processes CSV files to populate KPI strips, allowing you to display key metrics efficiently.

Do I need prior knowledge of AgentSociety structures to build reports?

Yes, a basic understanding of AgentSociety report structures is required to use this Skill effectively. It provides composable HTML blocks and Mermaid integration, but relies on your existing knowledge of the framework.

Does this report generation Skill support Mermaid diagrams?

Yes, this report generation Skill integrates with Mermaid for diagrams. You can use Mermaid diagrams within the provided HTML blocks to visualize complex social interactions or behavioral patterns in your reports.

What is the best way to visualize social behavior patterns in AgentSociety?

The best way to visualize social behavior patterns in AgentSociety is by composing KPI strips, figure cards, and Mermaid diagrams into a single report. This Skill provides these pre-defined HTML blocks to represent complex social interactions visually.