artifactkit · examples

Seven artifacts, one dependency-free core

Every page below is a single self-contained HTML file that works offline, prints properly and carries no credentials. Open one, then read its source — that is the whole documentation.

v0.1.0
MIT · no third-party code
65–92 KB per artifact
01

Templates — copy these

Report

A quarterly review. Action title, KPI strip with a concentration risk measure, exhibits with takeaways and sources, a partial-period exclusion banner, and a value that is shown as – rather than invented.

KPI strip · sortable table · line + bar · timeline · disclosure

Dashboard

Support operations. Filter chips, search, drilldown rows rather than a modal, sparklines in cells, and KPIs derived from the filtered set so they never drift from what is on screen. View state lives in the URL.

Filters · deep link · drilldown · sticky column · sparklines

Tracker / kanban

A migration board. Native drag between columns, counts and KPIs that recompute on drop, blocked cards carrying their blocking reason, and a Save that writes the board back into the file itself.

Kanban · derived KPIs · save-to-file · allow-listed state

Deck

A decision review. Press N for the presenter window — notes, pace timer and next-up on your screen only. Press O for the overview, ? for keys.

Presenter window · pace timer · overview · one slide per page

Wiki / decision log

Decisions separated from open questions, a table of contents built from the document so it cannot drift, search on /, and rejected alternatives recorded rather than forgotten.

TOC · search · disclosures · prose · scroll spy

Scorecard

Supplier review across weighted dimensions — with the rubric stated in full, because a scorecard without its rubric is an opinion in a grid. Reviewer disagreement is flagged, not averaged away.

Weighted scoring · rubric · threshold flags · CSS bars

Comparison matrix

An options paper. Weights fixed before scoring, "do nothing" included as the honest baseline, what each option costs to be wrong, and the condition that would invalidate the recommendation.

Decision matrix · asymmetry table · falsifier · timeline

Component swatch

Every component on one page. This is the visual QA reference — if something looks wrong here it is wrong everywhere — and the fastest way to see what the vocabulary contains.

All components · the reference to copy from
02

Try this

The claims are checkable in about two minutes.

  1. Disconnect and reload
    Nothing breaks. There are no CDN links, no fonts to fetch and no runtime dependencies.
  2. Ctrl/Cmd+P on any of them
    Chrome steps back, exhibits stay whole, collapsed sections expand, charts stay sharp because they are SVG, and speaker notes never appear.
  3. Filter the dashboard, then export CSV
    You get the rows you are looking at, in the order you sorted them — not the raw dataset.
  4. Edit five constants in the source
    Search for ak-theme-start. Set --t-bg:#14141A; --t-ink:#E8E6E0; --t-lift-amt:7% for a dark build. Everything else derives.

Every claim on this page is checked mechanically: npm run check runs validate.mjs (self-containment, credentials, accessibility) and drift.mjs (structural integrity) over every artifact in dist/, including this one.