Chart Templates

Chart Templates

Pre-built 1200×675 chart cards for posting on X — dithered canvases, JetBrains Mono chrome, best/worst delta brackets. Preview one, download the PNG, or share to X with the URL prefilled.

SKILL.mdagent.json
Bench

DeepSeek V4 Flash — Success rate

Bar chart: pass rate across every harness that ran DeepSeek V4 Flash on the 30-task suite. Best/worst delta bracket, per-harness colors.

PNG· Share·1200 × 675
DeepSeek V4 Flash — Success rate preview
Growth

Fastest-growing apps on Composio

Horizontal pill-bar leaderboard: which apps saw the biggest week-over-week jump in usage. Bespoke layout — no dither chart.

PNG· Share·1200 × 675
Fastest-growing apps on Composio preview
Bench

DeepSeek V4 Pro across 5 harnesses

Three-panel comparison: success rate, cost per success, and median time per task, colored by harness so the eye tracks each across all three metrics.

PNG· Share·1200 × 675
DeepSeek V4 Pro across 5 harnesses preview
Bench

DeepSeek V4 Pro — Median time per task

Horizontal dither-bar leaderboard: median seconds per task for DeepSeek V4 Pro (0813) across 5 agent harnesses. Sorted fastest → slowest.

PNG· Share·1200 × 675
DeepSeek V4 Pro — Median time per task preview
Bench

Tasks flipped by harness choice

Task × harness pass/fail matrix. One model, one task set, five harnesses — the pass column moves. Green dither = clean pass, red = partial.

PNG· Share·1200 × 675
Tasks flipped by harness choice preview

Adding a new template by hand

Copy any folder under src/app/chart-templates/, edit its config.ts, then register the slug in registry.ts. Use the filename config.ts — template.ts is a reserved Next.js route file and will break the build.

The full workflow, internals, and every trap encountered while building this pack live in the .claude/skills/chart-templates/SKILL.md skill (with reference.md and gotchas.md).