Eval Graphics
Turn an eval study's numbers into on-brand, publish-ready figures using the Newsjack...
Install
npx skills add elvisun/newsjack --skill eval-graphics -g -a claude-code -y- Repository
- elvisun/newsjack1.7k
- Category
- Design
- Updated
- 10d ago
- License
- MIT
- Context cost
- Mediumabout 1,885 tokens
- Runs scripts
- Yes, review before use
What it does
Turn an eval study's numbers into on-brand, publish-ready figures using the Newsjack chart room (the eval design system), then validate them with Playwright. For producing the charts in a published eval/data study.
Eval Graphics, the chart room
Internal tooling, not a product skill. This lives in
eval/design-system/and is used by maintainers to publish eval studies. It is not a Newsjack user skill, must never be installed intoskills/, and is never loaded at product runtime. Do not confuse it with the main skills folder.
You produce figures for an eval study: standalone HTML that renders the Newsjack house chart style, validated by Playwright and screenshotted to PNGs you drop into a writeup. One grammar, newsprint paper, ink, a single vermilion mark, across every figure, so a study reads like one publication.
Files you work with
assets/colors_and_type.css, design tokens (palette, type, spacing). Never edit; always link.charts.css, the chart primitives (.bar-primary,.line-base,.fig,.stat, heatmap classes, masthead/section/colophon scaffold). Never edit; always link.chart-room.html, the specimen gallery of all 9 figure types with placeholder data. This is your copy-paste source: find the figure that fits your data, lift its block, swap the geometry and labels.scripts/validate.mjs, Playwright validator + screenshotter.
The grammar (non-negotiable brand rules)
These come straight from the design system. Breaking one means the figure is off-brand:
