MVP Complete

Sui Transaction Explainer

AI-powered transaction analysis for the Sui blockchain

Nuxt 3@mysten/suiClaude APISSE StreamingTypeScript

The Problem

Sui transactions are complex data structures. Even experienced developers struggle to parse what happened in a transaction at a glance. New users are completely lost.

The Solution

An AI-powered tool that takes any Sui transaction digest and explains it in plain English. Three explanation modes: ELI5 (explain like I'm 5), Normal, and Technical.

Key Features

Real-time streaming explanations using Server-Sent Events
Three explanation modes for different audiences
Transaction parsing with @mysten/sui SDK
Beautiful UI with cyberpunk aesthetics
Copy-to-clipboard for transaction details

Architecture

The frontend sends a transaction digest to a Nuxt server route. The server fetches the transaction data from the Sui RPC, formats it for Claude, and streams the AI response back to the client using SSE.

Challenges

SSE streaming in Nuxt 3 required custom event handling
Claude prompt engineering to get consistent, accurate explanations
Handling different transaction types (coin transfers, NFT mints, DeFi operations)

Lessons Learned

Streaming responses significantly improve perceived performance
AI explanations need careful prompt design to be accurate
The Sui transaction format is well-structured but deeply nested

Interested in this project or want to collaborate?

Get in Touch