// Create distinctive, production-grade frontend interfaces with high design quality. Use when building or polishing analysis HTML reports under agentsociety-analysis — read via support/frontend-design/ inside that skill, not as a separate pipeline skill.
| name | frontend-design |
| description | Create distinctive, production-grade frontend interfaces with high design quality. Use when building or polishing analysis HTML reports under agentsociety-analysis — read via support/frontend-design/ inside that skill, not as a separate pipeline skill. |
Bundled under agentsociety-analysis support/frontend-design/. Upstream: anthropics/skills.
For AgentSociety simulation reports, also read references/analysis-reports.md in this folder.
Use when an experiment run has completed and the user wants rigorous interpretation, claim-driven charts, bilingual reports, or cross-hypothesis synthesis from simulation data. Also use when multiple charts or PNG/JPG assets must be assembled into one labeled composite figure. Requires high-quality narrative and evidence traceability, not only harness gate PASS.
Multi-modal interactive data presentation for agentsociety-analysis — EDA bundle (PyGWalker, Plotly, sortable tables, eda_hub), plotly/altair claim charts, HTML tab surfaces. Use in explore, refine, and produce stages.
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.
Publication-quality chart patterns for agentsociety-analysis Stage 4 refine — Okabe-Ito palettes, seaborn CI bands, small multiples, error bars, grayscale-safe encoding. Use when writing run-code chart scripts or reviewing chart QA failures.
Use when starting or resuming an AgentSociety research workspace, deciding which research skill to invoke next, checking current pipeline state, or sizing a simulation before configuration and module creation.
Update internal emotion and intention from observation, needs, memory, and recent plan state. Use after observation and before planning/action.
