Shon J.

Projects For fun

ProofKit

It turns "this line is wrong" into a tracked ticket, raised right on the page.

Role
Designed and built with AI, solo
Years
2026
Status
Live
Platform
Web overlay, dashboards and Chrome extension

Feedback goes on the element itself, and closes only when you confirm.

Raised on the page

The overlay on a live page, before anything is raised
Mark the element, then pick the kind of change
A numbered pin, anchored to the element

Routed, fixed, confirmed

A ticket marked deployed isn't done until the person who raised it confirms.

Every ticket across projects, oldest waiting first
The change, ready to copy, with who asked
One finding, one row on the team board

The problem

A content team suggested tracking website copy changes in a shared spreadsheet. But every tool between a reviewer and the fixer drops part of the report.

  1. Before: A spreadsheet row loses where the problem was

    After: The ticket is pinned to the element it describes

  2. Before: A screenshot shows the problem, never the fix

    After: Only the raiser can close it, after seeing the fix

  3. Before: An email thread never says whether it was done

    After: A status machine both sides watch live

Decisions

  1. Decision 1

    Four ways back to the element

    Each pin stores a CSS selector, XPath, text fingerprint and relative position, and tries them in that order.

    Considered Screen coordinates alone, which break the first time the layout moves

  2. Decision 2

    Asking a question moves the ticket

    Marking a ticket "Need clarification" sends it back to the person who raised it, and records who asked.

  3. Decision 3

    A team is an allocation

    People sign in as themselves, with a PIN or passkey. Their team decides what the session reaches.

    Considered One shared sign-in key per team

    Who sees what, masked on the server

Screens

Rows and controls

Every administrative change, on the record

Outcome

  • LiveOn the Shriram Financial Services siteits one deployment so far
  • ReplacedJira and the Excel trackersfor the teams reviewing the site
  • 5Teams reviewing on itContent, Product, SEO, Marketing, Business
  • 1 weekendFrom spec to usablebuilt Saturday and Sunday, in use Monday

It's in use on the Shriram Financial Services site, where it replaced Jira and the Excel trackers the review teams had been juggling between them.

Team
Used by Content, Product, SEO, Marketing and Business teams

How it was made

I designed and built it with AI from one written spec. The base took a weekend and was in use by Monday morning, and it has grown through daily use since.

  1. 1

    Spec

    On a Friday someone proposed a spreadsheet, so I answered with one written spec.

  2. 2

    Designed

    I called the look Red Moon: a near-black canvas, one scarce brand red, every colour a named role.

  3. 3

    Built with AI

    I built the overlay, boards and extension with Claude Code over one weekend.

  4. 4

    Shipped

    It's live on the Shriram Financial Services site and now on version 3.

Made with: Cloudflare Workers, D1, KV and Durable Objects, passkey sign-in, and a Chrome extension.

Get in touch