3 min readfrom Machine Learning

[P] Built a 100% Client-Side Vision Pipeline for Real-Time Chessboard & Multi-Board Detection (Chrome/Firefox Extension) [P]

Our take

ChessInsights AI, a new browser extension, offers a transformative approach to chess analysis. Built entirely client-side, this tool leverages TensorFlow.js and WebAssembly to perform real-time chessboard and piece detection, engine evaluation, and FEN string generation—all without sending any data to external servers. Supporting multi-board detection in a single frame, ChessInsights AI bridges passive chess content with active engine analysis, streamlining workflow and enhancing productivity.
[P] Built a 100% Client-Side Vision Pipeline for Real-Time Chessboard & Multi-Board Detection (Chrome/Firefox Extension) [P]

The recent demonstration of ChessInsights AI, a browser extension capable of 100% client-side chessboard detection and analysis, is a fascinating example of how AI is quietly expanding its utility within everyday workflows. Inspired by tools like Chessvision.ai, this project distinguishes itself through its commitment to privacy and accessibility, a welcome departure from the often-opaque data practices of cloud-based AI services. This resonates with a growing user desire for control over their data, a sentiment explored in discussions around controlling character poses in generative AI models How do you control different character pose in SDXL when using a reference image?, and a broader trend towards on-device processing. The developer’s willingness to solicit feedback on client-side vision optimizations highlights a valuable community-driven approach to innovation, a spirit reflected in the ongoing discussions surrounding AI model performance and experimentation I ran an experiment: Fable vs Astra #AI #Fable5 #GPT6 #Astra.

What makes this project particularly compelling is its architecture. By leveraging TensorFlow.js and WebAssembly, the developer has created a system that runs entirely within the user’s browser, eliminating the need for data transmission and associated privacy concerns. The implementation of multi-board detection—a feature often absent in simpler solutions—further enhances its practicality. The use of on-demand capture, rather than continuous sampling, is a clever optimization, reducing resource consumption and improving responsiveness. The developer’s acknowledgement of the challenges posed by video compression artifacts and overlay occlusions demonstrates a pragmatic understanding of real-world conditions, and the training augmentations focused on these issues speak to a thoughtful approach to model robustness. The integration of Stockfish, a powerful chess engine, via WebAssembly allows for immediate engine analysis without requiring external dependencies, creating a seamless and efficient user experience.

The broader implications of this work extend beyond the realm of chess. It showcases the increasing feasibility of deploying sophisticated AI models directly on user devices, empowering individuals with powerful tools without sacrificing privacy or requiring constant internet connectivity. The project’s open-source nature and the developer’s request for feedback encourage further experimentation and refinement, potentially leading to advancements in client-side computer vision techniques applicable to a wider range of tasks. This approach contrasts with the centralized, often proprietary, nature of many current AI offerings, and represents a shift towards more decentralized and user-controlled AI ecosystems. While the Neurips paper selection process is a different domain entirely, the underlying principle of community contribution and rigorous evaluation is highly relevant Neurips 2026: site selection email.

Ultimately, ChessInsights AI exemplifies the transformative potential of AI-native spreadsheet technology. It's a testament to the power of accessible tools, built on a foundation of user privacy and empowered by innovative architectural choices. The question now is, how can this model of client-side AI deployment be extended to other domains—image editing, video processing, data analysis—and what new opportunities will arise as the processing power of devices continues to increase, allowing for even more complex and sophisticated AI models to run locally?

[P] Built a 100% Client-Side Vision Pipeline for Real-Time Chessboard & Multi-Board Detection (Chrome/Firefox Extension) [P]

Hi everyone,

Inspired by tools like Chessvision.ai, I wanted to take a different architectural approach and build a browser extension (ChessInsights AI) that performs chessboard detection and piece recognition 100% client-side using local inference—with zero image data ever leaving the user's machine, support for detecting multiple boards in a single frame, and entirely free features.

The main goal was to bridge passive chess content (YouTube, Twitch, PDFs, articles) with active engine analysis without context switching: capture what's on screen and get a FEN string + engine eval in a couple of clicks.

System Architecture & Technical Approach

  • On-Demand Capture (Multi-Board Support):
    • Instead of continuously sampling video frames, the extension captures a screenshot of the visible tab via the browser's tab-capture API, triggered by the user (either a one-click "Analyze" on the current view, or a "Photo mode" where you draw a selection rectangle to crop a specific region).
    • That screenshot is fed to a locally-run object-detection neural network (YOLO-style architecture via TensorFlow.js, WebGL/CPU backend) that outputs bounding boxes and confidence scores for chessboard-shaped regions, filtered with non-max suppression.
    • Because detection runs over the whole frame rather than assuming a single board, it can find and return several distinct chessboards in one screenshot (e.g., multi-diagram PDFs, news articles, or broadcast splits). Boards are currently expected to be roughly axis-aligned rectangles (perspective/homography correction for heavily skewed boards is planned).
  • Piece Classification & Artifact Robustness:
    • Each detected board is cropped, split into its 8x8 grid, and each of the 64 cells is passed to a separate local CNN classifier (also TensorFlow.js) that predicts the piece type or empty square.
    • To handle video compression noise, stream overlays, arrows, and different 2D/3D board themes, the classifier was trained with augmentations focused on UI artifacts and low-resolution captures.
  • Everything Runs In-Browser:
    • Both the detection and classification models run entirely inside the extension (in an offscreen document on Chrome MV3) via TensorFlow.js—no image or frame data is ever sent to a server.
    • Position analysis uses Stockfish compiled to WebAssembly, running locally in a Web Worker, so engine evaluation also happens fully offline.
    • Results are converted into a FEN string and shown in the extension's dashboard/board editor, where you can play out lines against the local engine.

Key Differences vs. Existing Tools

  • Private by Design: No board images or video frames are ever uploaded—detection, classification, and engine analysis all run locally on your device.
  • Multi-Board Processing: Native support for capturing multiple diagrams at once.
  • Zero Cost / No Paywalls: Full feature set available out of the box.

I’d love to gather technical feedback from the community on client-side vision optimizations! For those building in-browser CV tools: what edge-case augmentation strategies or lightweight architectures have worked best for you when dealing with compression artifacts and overlay occlusions in real-time frame parsing?

submitted by /u/NullPointerGambit
[link] [comments]

Read on the original site

Open the publisher's page for the full experience

View original article