PROJECT 002 OPEN SOURCE / CHROME EXTENSION V0.1.0

EVIDENCE BEFORE CONFIDENCE

網站做完,
還不等於可以上線。

SiteProof 是我做的一個網站驗收工具。它不替設計打模糊的分數, 而是留下畫面、錯誤、元素與測量結果,讓你知道哪裡真的需要改。

免費開源 · 完全本機 · 不需要 OpenAI API Key

SP SiteProof
LOCAL AUDIT / TANEVERSE.COM

LAUNCH EVIDENCE · JUL 25, 2026

taneverse.com

0BLOCKER
1MAJOR
0MINOR
2OBSERVATION
Desktop · 1440 × 900
SiteProof 在 1440 × 900 桌機視窗擷取的 taneverse.com 畫面
Tablet · 768 × 1024
SiteProof 在 768 × 1024 平板視窗擷取的 taneverse.com 畫面
Mobile · 390 × 844
SiteProof 在 390 × 844 手機視窗擷取的 taneverse.com 畫面

真實校準結果:SiteProof 把五個低對比元素合併成同一個色票根因, 並把 44px 觸控舒適度留在 Observation,不用數量製造焦慮。

01

WHAT IT CHECKS

先證明,再判斷。

01

三種裝置,不是把同一張圖縮小

Desktop、Tablet、Mobile 各自開啟隔離分頁,留下真正的畫面與版面證據。

02

Console、JavaScript 與載入失敗

把例外、錯誤訊息、404 與失敗資源整理成可以追查的問題,不只說「好像壞了」。

03

響應式、可讀性與基本結構

檢查固定寬版面、橫向溢出、文字對比、觸控尺寸、標題、description、alt 與頁面語言。

04

UX Heuristics,但不冒充真人測試

用 Nielsen 的十項原則整理潛在風險;沒有證據的地方,誠實標成需要人工或使用者確認。

「做出來」變快了。

所以新的稀缺,
不是生成,
是判斷與負責。

SiteProof 不假裝工具什麼都懂。能從瀏覽器證明的,就附上證據; 必須看品牌、情境或真人反應的,就留給人做最後判斷。

03

THREE STEPS

從網站到修正指令。

  1. 01

    OPEN

    打開你想驗收的網站

  2. 02

    AUDIT

    按下 SiteProof,讓 Chrome 分別檢查三種尺寸

  3. 03

    HAND OFF

    下載 Markdown,或把修正指令直接交給 Codex

CURRENT INSTALLATION

現在先從 GitHub 安裝。

下載 Release、解壓縮,在 chrome://extensions 開啟 Developer mode, 再選擇 Load unpacked。第一版先讓願意動手的創作者與設計師使用。

前往 Release ↗

THE HONEST BOUNDARY

它現在不做什麼。

  • 不登入網站,也不送出表單。
  • 不把 UX Heuristics 冒充成真人使用測試。
  • 不把截圖、網址或報告上傳到我的伺服器。
  • 不自動修改你的程式碼;它把證據交還給你與 Codex。