Report Blocks

About this prompt

Composable HTML block patterns for agentsociety-analysis reports — KPI strips, figure cards, Mermaid, EDA tabs, optional interactive chart iframes. Use during Stage 5 produce when authoring report_zh.html / report_en.html.

Prompt body

# Report Blocks (bundled support)

Read `references/reports.md` at the agentsociety-analysis skill root first.

## Files

| File                                       | Purpose                  |
| ------------------------------------------ | ------------------------ |
| `../../references/reports.md`              | Blocks, embeds, workflow |
| `../../assets/report-shell.reference.html` | Working HTML/CSS/JS      |

## External inspiration absorbed

- **folio / datainpane** — block composition, KPI strips, offline HTML
- **report-creator** — Mermaid diagrams-as-code, metric groups
- **Evidence.dev** — value-box hierarchy (KPI → prose → charts)
- **Cursor canvas** — mandatory plot labeling (title, axes, source)

## Guardrails

Evidence-first, scientific tone, navy/slate shell. See `support/frontend-design/references/analysis-reports.md` for typography only.

Variables

Best for

• •First-use as-is; the defaults work.
• •Fork if your audience or voice is significantly different from the author's.
• •Chain into a workflow when one prompt isn't enough — multi-step flows are the usual next move.