auto-agent: Skill for Claude Code

Accuracy Chart Generator

Generate a standalone HTML file with a line chart showing accuracy progression across iterations, plus a summary table, for an auto-agent job.

Data Sources

All data lives inside the job folder. Read these files:

1. out.log.txt — Contains the iteration summary block near the end of the file. Look for the last occurrence of the pattern:

   Iteration Summary:
   #    Hypothesis     Decision     Accuracy     Duration
   ────────────────────────────────────────────────────────
   1    001-abc123     CONTINUE     33.3%        4m 25s
   ...
   Total time:      16m 18s
   Final branch:    agent-1-hyp-004-12f9ff
   

   Parse each row for: iteration number, hypothesis ID, decision, accuracy percentage, and duration. Also extract total time and final branch.

2. hypotheses/000-baseline/REPORT.md — Contains the baseline accuracy in a metrics table:

   | accuracy | 18.3% |
   

   Extract the accuracy value. This is the first data point on the chart (x=Baseline).

How to Build the Chart

Step 1: Collect data

• Read out.log.txt and find the last "Iteration Summary" block (the file may contain multiple job runs appended together).
• Read baseline accuracy from the REPORT.md metrics table.
• Build the data series: [baseline, iter1, iter2, ..., iterN] with accuracy percentages.

Step 2: Compute SVG coordinates

The chart is a hand-crafted SVG (no external libraries). Use these parameters:

• Chart area: x from 72 to 72 + chartWidth, y from 40 to 340 (300px tall)
• chartWidth: scale based on number of data points — Math.max(528, (points - 1) * 63) keeps spacing comfortable
• SVG width: chartArea right edge + 40px padding
• X positions: evenly spaced from left edge to right edge
• Y mapping: y = 340 - (accuracy / 100) * 300

For Y-axis grid lines, use 0%, 20%, 40%, 60%, 80%, 100% as labels.

Step 3: Handle label placement

When consecutive data points have similar accuracy values (within ~8pp), alternate label positions above and below the dots to prevent overlap. Place the percentage label 10px above the dot by default; for alternating ones, place 22px below.