Toolbox
Twenty-five tools for reading a draft, checking its claims and inspecting what it produced.
The first group works on how the writing reads, the second on what it asserts, the third on the artifact itself — a chart at 400%, an image edit against its original, a React component that has to mount — the fourth keeps the evidence on the sentence, the fifth turns the audit into a record, and the sixth works at file scale: a PDF beside the summary written from it, a whole CSV export, and the schema a structured output has to satisfy — and the seventh listens and watches: a voiceover measured for pitch, breath and cadence, a video stepped frame by frame, and the provenance inside a file's own bytes. Everything runs in this browser tab with nothing uploaded and no account required, except the React sandbox, whose code has to be compiled by CodeSandbox.
Prose & editing
Mark the draft, then see what changed
Tools that work on how the writing reads: tells and density inside the text, rewrites compared word by word, and a plain box for marking up in place.
01 · Rich-text editor
Inline AI highlighter
Type or paste into a live editor and the tells are underlined as you write.
- Live marks inside the editable text, not beside it
- Each pattern family toggles on and off independently
- Counts and density update on every keystroke
@tiptap/reactOpen tool02 · Read-only preview
Diagnostic word highlighter
Paste the finished draft and see every flagged term in place, with counts.
- Five pattern sets, from tells to unsourced claims
- Marks rendered inside sentences, not in a list
- Per-term counts plus density per 1,000 words
react-highlight-wordsOpen tool03 · Side-by-side comparison
Rewrite diff viewer
Put the original and the rewrite next to each other and see every word that changed.
- Word-level highlighting of insertions and deletions
- Side-by-side or inline layout
- Word counts before and after, live
react-diff-viewer-continuedOpen tool04 · contentEditable highlighter
Lightweight markup pad
No toolbar, no editor model — type freely, then mark the page up in place.
- Type freely and mark up on demand
- Marks applied to the text itself, in place
- Behaves like a text box, not an office editor
react-contenteditableOpen tool
Factual claim, citation & source verification
Check what the writing actually asserts
Tools that go after substance: summaries traced back to their source, claims carrying an editorial verdict, and the markdown and JSON a model emits validated before it ships.
05 · Factual accuracy
Source & summary comparison
Put the summary beside the document it summarises and see every figure the source never said.
- Word-level diff between source and summary
- Figures, quotes and links traced back to the source
- Anything absent from the source listed separately
react-diff-viewer-continuedOpen tool06 · Claim triage
Claim review editor
Every figure, date and assertion gets a mark you can rule on: verified, needs source, hallucination.
- Claims marked inline as unverified
- Bubble menu sets verified, needs source or hallucination
- A live ledger of what is still unresolved
@tiptap/reactOpen tool07 · Output validation
Markdown & citation checker
Render the model's markdown the way a reader gets it, and see which links, citations and tables break.
- Rendered preview with GFM tables and code blocks
- Citations checked against the reference list
- Tables and fences checked for structural breaks
react-markdown · remark-gfmOpen tool08 · Structured output
JSON schema inspector
Paste structured output with its schema and see which required fields are missing and which types are wrong.
- Parse errors reported with the failing position
- Required fields and declared types checked
- Tree view of exactly what the model returned
react-json-view-liteOpen tool
Visual assets & live preview
Inspect the artifact, not the description of it
A chart at 400%, an edited image against its original, and a React component that has to mount: three ways to find out what the model actually produced before anyone else sees it.
09 · 400% zoom inspection
Chart detail zoom inspector
Load a chart, infographic or mockup and read its smallest labels at 400% before a client does.
- Pan and zoom from 100% to 400% with the pointer
- Seven detail checks, each recorded pass or flag
- Load your own asset — it stays in this tab
react-zoom-pan-pinchOpen tool10 · Wipe comparison
Original vs AI edit wipe
Wipe between the source image and its AI edit and see what moved behind the product.
- Drag the divider across two aligned images
- Six edit checks, from background objects to text
- Load both files — neither leaves the browser
react-compare-sliderOpen tool11 · Runnable code preview
Live React sandbox check
Run the model's React component in a live sandbox and read the console before you ship it.
- The component compiles and mounts inside the page
- The console reports compile and runtime failures
- Two presets: a working component and a broken one
@codesandbox/sandpack-reactOpen tool
Inline annotation & sentence diagnostics
Mark the sentence where it stands
Four ways to keep the evidence attached to the text: your own phrase and regex rules in a read-only preview, clichés and citations replaced by badges you can open, paragraphs tinted as you type, and tooltips anchored to the sentence they describe.
15 · Read-only preview
Exact-phrase & regex matcher
Your own phrase list and regex rules, marked inside a preview you cannot edit by accident.
- Literal strings and regex rules side by side
- A read-only preview, so the evidence cannot shift
- Per-rule counts, including invalid patterns
react-highlight-wordsOpen tool16 · Interactive rewrite
Cliché rewrite with inline badges
Clichés, broken citations and unsourced figures become badges you can open, then apply in one pass.
- Flags rendered inside the sentence, not beside it
- Click a badge for the reason and the replacement
- One toggle to see the draft with fixes applied
react-string-replaceOpen tool17 · Lexical editor
Paragraph opener scorer
Type in a real editor and every paragraph that opens with a connective is tinted as you write.
- Tint applied while you type, not after a run
- Opener share across every sentence
- A live list of the paragraphs that tripped it
@lexical/reactOpen tool18 · Hover diagnostics
Floating sentence diagnostics
Marked sentences explain themselves in a tooltip that follows the anchor, with no panel taking over the page.
- Diagnostics anchored to the sentence they describe
- Keyboard focus opens the same explanation
- Burstiness measured across the draft
@floating-ui/reactOpen tool
Matrices, guardrails & certification
Turn the audit into a record that survives review
A sortable matrix for every statistic, name and link in the draft, the rules a piece must pass before it publishes, and a timestamped certificate you can hand to a client.
12 · Sortable verification table
Claim & entity matrix
Every statistic, proper noun and link in the draft becomes a sortable row you can rule on.
- Statistics, proper nouns and links extracted per row
- Verified, unverified and flagged statuses with a source URL
- Sortable columns and progress kept between sessions
@tanstack/react-tableOpen tool13 · Rules & attestation
Pre-publish guardrail validator
State the rules a draft must pass, and block publishing until every one of them does.
- Six rules, each reported pass or fail as you type
- Prohibited phrases and citations measured from the draft
- Progress and the recorded validation kept in the browser
react-hook-form · zodOpen tool14 · Timestamped PDF record
Validation certificate export
Export a timestamped certificate once every claim is sourced and every rule passes.
- Unlocks only when every claim and rule has passed
- Timestamped, numbered and signed by the named reviewer
- A PDF a client or compliance team can file
@react-pdf/rendererOpen tool
Documents, bulk exports & structured output
Check the file, the whole export, or the shape of the data
Three checks at a different scale: the source document beside the summary written from it, an entire CSV export in one pass, and the contract a structured output has to satisfy.
19 · Documents
PDF cross-check viewer
Put the PDF and the summary side by side and find out whether the quoted passage is really on page four, before you sign it off.
- Page for page, at three zoom levels
- Quotes matched against extracted page text
- Jumps the viewer to the cited page
react-pdfOpen tool20 · Bulk content
CSV batch thinning checker
The checks that only make sense across four hundred rows: which descriptions are the same one rewrapped, and which rows are too thin to rank.
- Papa Parse reads the file in the tab
- Four-word shingles compared per row
- Pick the column to check and the floor
React-PapaParseOpen tool21 · Structured output
Schema output validator
Turn the rules a structured output has to satisfy into a form, then paste the output into it and watch the violations land on the field.
- Form generated from the schema alone
- ajv validation on every change
- Paste an output to fill it in
@rjsf/coreOpen tool
Audio, video & file provenance
Listen to the take, step the frames, read the file
Where the artifact moves or arrives as a file: a voiceover measured for pitch, breath and cadence, a video stepped frame by frame, and the provenance a file carries in its own bytes.
22 · Audio
Voiceover waveform inspector
Flat pitch, no breath and a metronome cadence are measurable. Play the take and read the numbers that make it sound generated.
- Waveform you can click and scrub
- Pitch range in semitones
- Pauses per minute, and how long
@wavesurfer/reactOpen tool23 · Video
Video frame scrubber
Lip-sync drift and blink rate are watched, not detected: step one frame at a time, mark the moment, and keep the timecodes.
- Step one frame at 24, 25 or 30 fps
- Marks with timecode and frame number
- Blink tally with an interval rate
react-playerOpen tool24 · Provenance
File provenance inspector
What the bytes say about where the file came from: C2PA boxes, EXIF blocks and the generator strings left in the metadata.
- Drag a file in, nothing uploaded
- JPEG segments and PNG chunks listed
- Generator strings named where found
react-dropzoneOpen tool25 · Image
Region artifact cropper
Draw a box around the hand, the ear, the shop sign, and look at it at 8x with the pixels left alone instead of smoothed.
- Freeform selection over the full image
- Magnified crop at 2x, 4x or 8x
- Pixel sizes for the exact region
react-image-cropOpen tool
These tools narrow the reading. They do not decide.
Highlighting finds shape, and a trace finds claims with no support in the source you pasted. Both are mechanical: they cannot tell you whether a sentence is true, whether a cited study exists, or whether the law says what the draft says it says.
That last step is where the verification console and the expert network come in — structural checks on the same text, then a named reviewer on whatever carries consequences.
Toolbox
Marks first, then the checks that need a verdict.
Fix how the draft reads in the toolbox, then run the console to see what it claims and who has to sign it.