studio41

fallstudie · · 5 Min. Lesezeit

Desk: ein nicht-verwahrendes Web3-Trading-Terminal für Polymarket

Ein plattformübergreifendes Desktop-Terminal für die On-Chain-Prognosemärkte von Polymarket: schnell, datendicht, per Tastatur bedienbar — und es berührt nie das Geld der Nutzer. So ist es gebaut, und darum.

ElectronTypeScriptNode.jsWeb3PolygonCloudflare WorkersEchtzeitdaten

Desk (desktrading.app) ist ein plattformübergreifendes Desktop-Trading-Terminal (macOS und Windows) für die On-Chain-Prognosemärkte von Polymarket. Es bietet professionellen Tradern eine schnelle, datendichte und per Tastatur gesteuerte Oberfläche, um Positionen in Sport-, Krypto- und Ereignismärkten zu handeln, abzusichern und zu verwalten — aus der eigenen, selbst verwahrten Wallet, mit Orders, die auf dem Gerät signiert und on-chain abgewickelt werden.

Desk ist eine nicht-verwahrende (non-custodial) Web3-Anwendung: Es hält nie Kundengelder, und der Schlüssel verlässt nie den Rechner des Nutzers. Diese eine Vorgabe hat fast jede der folgenden Engineering-Entscheidungen geprägt.

Der Stack — und warum

Desk basiert auf Electron (Chromium plus Node-Runtime) in TypeScript, aufgeteilt auf die isolierten Main-, Preload- und Renderer-Prozesse von Electron und gebündelt mit esbuild. Jede Ebene dieser Wahl ist bewusst getroffen.

  • Desktop statt Web-App. Nicht-verwahrendes Trading heisst: Der Wallet-Schlüssel muss lokal liegen und lokal signieren. Eine Desktop-Anwendung ist das natürliche, sichere Zuhause für einen Self-Custody-Signierer — und sie gibt Tradern einen dauerhaften, stets aktiven Arbeitsplatz mit mehreren Fenstern, den ein Browser-Tab nicht bieten kann.
  • Electron und Chromium. Eine TypeScript-Codebasis läuft auf macOS und Windows, und die ausgereifte, GPU-beschleunigte Rendering-Engine von Chromium ermöglicht wirklich anspruchsvolle Echtzeit-Visualisierungen — Live-Depth-Heatmaps, streamende Ladders, Tick-für-Tick-Charts —, ohne dass die Oberfläche unter Last einknickt.
  • Die Node-Runtime. Direkter Zugriff auf kryptografische Signierung, WebSocket-Marktdatenfeeds, Worker-Threads zum Auslagern schwerer Arbeit und das Dateisystem für lokale Schlüssel und Zustände.
  • esbuild. Nahezu sofortiges Bündeln der Main-, Preload-, Renderer- und Worker-Ziele hält den Build-und-Iterations-Zyklus kurz.

Orderausführung und Performance

Das Designziel: Die End-to-End-Latenz einer Order soll durch den Roundtrip zur Börse begrenzt sein, nicht durch den Client.

  • Orders werden auf dem Gerät signiert und als Fill-or-Kill abgeschickt.
  • Der Echtzeit-Marktdatenfeed wird in einem Worker-Thread geparst, damit die Datenflut nie mit dem Order- und Fill-Pfad konkurriert.
  • UI-Updates werden pro Frame gebündelt — auf die Bildwiederholrate abgestimmt —, sodass eine Flut von Kursticks flüssig dargestellt wird, statt die Oberfläche zu überlasten.
  • Ein Confirmed-Fill-Modell hält die Positionsführung exakt, auch wenn Fills dicht und schnell zurückkommen.

Das Ergebnis in der Praxis: Desk bleibt bei Ordereingabe und Fill-Bestätigung reaktionsschnell — selbst in den hektischen Fünf-Minuten-Kryptomärkten von Polymarket, in denen sich das Orderbuch mehrmals pro Sekunde ändert.

Die Trading-Oberflächen

Desk ist nicht eine Ansicht, sondern ein Set von Oberflächen, jede darauf abgestimmt, wie eine bestimmte Art von Trader tatsächlich arbeitet.

Die Ladder — für Sport- und Event-Trader

Eine per Tastatur gesteuerte Preis-Ladder im Stil professioneller Börsen-Trading-Tools, mit adaptiver Anzeige, eingebauter Exit-Engine und einem Werkzeugpanel: Positionsreduktion per Klick, Tick-Offset- und Stop-Eingaben sowie Einsatz- oder Kontraktmodus. Gebaut für schnelle, präzise Klicks und klare Anzeigen von Position und Absicherung, damit ein In-Play-Sporttrader einen Markt im Tempo bearbeiten kann.

Die Preis-Ladder von Desk: Lay- und Back-Liquidität beidseits des gehandelten Preises
Die Ladder — Lay- und Back-Liquidität beidseits des Preises, gebaut für schnelles, tastaturgesteuertes In-Play-Trading.

Finanz-Charting — für Krypto- und Finanztrader

Eine Live-Chart-Oberfläche, die mehrere synchronisierte Preisreihen — Spot mehrerer Börsen plus Referenzfeeds — als flüssige Streaming-Linien neben Kerzen darstellt. Der Chart, den ein Kryptotrader erwartet, gebaut auf dem Echtzeitfeed statt auf einem statischen Bild.

Zeitgebundene Kryptomärkte

Die schnellen Fünf-Minuten-„Up/Down“-Kryptorunden von Polymarket werden gesondert behandelt, einschliesslich der präzisen Bestimmung des Strikes jeder Runde — des „Price to beat“ —, verankert an der exakten On-Chain-Referenz: einem Chainlink-TWAP in der Eröffnungssekunde der Runde. Aus dem Cache ausgeliefert, zeigt selbst ein Kaltstart sofort das korrekte Niveau.

Depth- und Orderflow-Heatmap

Eine Depth-Heatmap im Stil von Bookmap — eine dritte Kryptoansicht neben Preis und Quoten —, die ruhende Liquidität als farbabgestufte Wärmefläche darstellt, mit Live-Tracking von Best Bid/Offer, 3D-Trade-Bubbles für ausgeführte Orders und einer konsolidierten Orderbuch-Ladder (COB) über die volle Höhe samt Session-Volumenprofil (SVP).

Bemerkenswert: Das zugrunde liegende Multi-Venue-Orderbuch wird selbst aus den kostenlosen öffentlichen WebSocket-Feeds von Binance und Coinbase zusammengesetzt, statt bei einem kostenpflichtigen Datenanbieter eingekauft — echtes Marktdaten-Engineering.

Die Markt-Heatmap von Desk: Märkte nach Volumen dimensioniert und nach Bewegung eingefärbt
Die Markt-Heatmap — alle Märkte auf einen Blick, dimensioniert nach 24-Stunden-Volumen und eingefärbt nach ihrer Bewegung.

Copy-Trading-Engine

Ein Live-Copy-Trading-System, das die On-Chain-Aktivität einer verfolgten Wallet in Echtzeit erkennt und über eine vollständige Pipeline spiegelt — Filter → Grösse → Slippage-Prüfung → Fill-or-Kill —, mit konfigurierbaren Leitplanken und Sicherheitslimits, dargestellt über eine „Smart Money“-Aktivitätsleiste auf Basis öffentlicher Daten.

Das Smart-Money-Panel von Desk: die grössten Wallets eines Marktes, ihre Seite und ihr Gewinn
Dem Smart Money folgen — die grössten Wallets eines Marktes, ihre Seite und ihr Gewinn, live aus öffentlichen On-Chain-Daten.

Werkzeuge für Sportmärkte

Strukturierte Beschriftung und Gruppierung von Sportmärkten, abgeleitet aus den strukturierten Feldern der Plattform statt aus fehleranfälligem Parsen von Titeln — damit Events, Linien und In-Play-Märkte sauber erscheinen.

Die Echtzeit-Datenschicht

Unter allem liegt ein Live-Feed für Trades und Kurse über WebSockets (der Echtzeit-Activity- und Trades-Stream von Polymarket). Das aufwendige Parsen läuft in einem Worker-Thread, damit Datenvolumen nie Fills verzögert, und ein Stall-Watchdog verbindet einen abgebrochenen Feed unbemerkt neu. Diese eine Schicht versorgt Tape, Volumen, Live-Anzeigen und alle Chart-Oberflächen gleichzeitig.

Infrastruktur und Auslieferung

Die unterstützende Infrastruktur ist bewusst schlank und serverlos.

  • Cloudflare Workers und KV für latenzkritische Edge-Caches, etwa Strike-Niveaus und einen Cache für Marktdetails — schnelle Kaltstarts weltweit, ganz ohne dauerhaft laufende Server.
  • Ein zustandsloser Credentials-Broker, der nur die eigenen Builder-Zugangsdaten der App hält: keine Nutzerkonten, keine Nutzerdaten, keine Verwahrung.
  • Cloudflare R2 liefert signierte, sich selbst aktualisierende Releases über electron-updater aus, sodass sich Installationen drahtlos aktualisieren.
  • Eine gehärtete plattformübergreifende Build-Pipeline: esbuild-Bundle → Apple-Notarisierung für einen universellen macOS-Build → Azure Trusted Signing für einen signierten Windows-x64-Installer.

Sicherheit und Verwahrungsmodell

Desk ist konzeptionell nur zum Handeln und nur zum Schlüsselimport gebaut. Es gibt keine Funktion zum Abheben, Abziehen, Überweisen oder Exportieren von Schlüsseln: Die App kann Orders platzieren, aber nie Geld von der Wallet bewegen.

Trades werden on-chain auf Polygon gegen das CLOB von Polymarket abgewickelt, mit EIP-1271-Deposit-Wallet-Signierung und pUSD als Sicherheit. Architektonisch ist das der übliche moderne DeFi-Hybrid — Order-Matching off-chain, Verwahrung und Abwicklung on-chain —: Geschwindigkeit auf Börsenniveau, während der Trader vollständig selbst verwahrt.

Engineering-Highlights

  • Eine plattformübergreifende Desktop-App mit Electron und TypeScript und einer datendichten, GPU-beschleunigten Echtzeitoberfläche.
  • Eine Marktdaten-Pipeline im Worker-Thread plus frame-gebündeltes Rendering, reaktionsschnell auch in hektischen Märkten.
  • Ein selbst gebautes Multi-Venue-Orderbuch und eine Depth-/Volumenprofil-Heatmap aus kostenlosen öffentlichen Feeds.
  • Kryptografische Signierung auf dem Gerät, mit nicht-verwahrender On-Chain-Abwicklung.
  • Eine Live-Copy-Trading-Engine mit vollständiger Pipeline: Erkennen → Filtern → Dimensionieren → Prüfen → Ausführen.
  • Serverlose Edge-Infrastruktur (Cloudflare Workers, KV und R2) plus signierte, sich selbst aktualisierende Builds für beide Plattformen (Apple-Notarisierung, Azure Trusted Signing).

Was das über unsere Arbeitsweise sagt

Desk ist ein Projekt, das wie eine Benutzeroberfläche aussieht und in Wahrheit ein Systemproblem ist: Latenzbudgets, Threading, Kryptografie, Marktmikrostruktur, Release-Engineering. Wir haben jede Ebene aus einem Grund gewählt und können jede erklären — genau so arbeiten wir für alle Kundinnen und Kunden, ob der Auftrag ein Trading-Terminal, eine Buchungsplattform oder eine einzige, sehr schnelle Website ist.

Wenn Sie ein Problem mit dieser Tiefe haben, hören wir gern davon.

← Alle Beiträge