[{"data":1,"prerenderedAt":118},["ShallowReactive",2],{"project-\u002Fprojects\u002Fsui-transaction-explainer":3},{"id":4,"title":5,"body":6,"description":95,"extension":96,"featured":97,"github":98,"live":99,"meta":100,"metric_source":99,"navigation":101,"order":102,"path":103,"pr_links":104,"proof_url":99,"seo":105,"status":106,"statusColor":107,"stem":108,"subtitle":109,"tech":110,"tier":116,"verification_tier":99,"__hash__":117},"projects\u002Fprojects\u002Fsui-transaction-explainer.md","Sui Transaction Explainer",{"type":7,"value":8,"toc":85},"minimark",[9,14,18,22,25,29,48,52,55,59,70,74],[10,11,13],"h2",{"id":12},"the-problem","The Problem",[15,16,17],"p",{},"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.",[10,19,21],{"id":20},"the-solution","The Solution",[15,23,24],{},"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.",[10,26,28],{"id":27},"key-features","Key Features",[30,31,32,36,39,42,45],"ul",{},[33,34,35],"li",{},"Real-time streaming explanations using Server-Sent Events",[33,37,38],{},"Three explanation modes for different audiences",[33,40,41],{},"Transaction parsing with @mysten\u002Fsui SDK",[33,43,44],{},"Beautiful UI with cyberpunk aesthetics",[33,46,47],{},"Copy-to-clipboard for transaction details",[10,49,51],{"id":50},"architecture","Architecture",[15,53,54],{},"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.",[10,56,58],{"id":57},"challenges","Challenges",[30,60,61,64,67],{},[33,62,63],{},"SSE streaming in Nuxt 3 required custom event handling",[33,65,66],{},"Claude prompt engineering to get consistent, accurate explanations",[33,68,69],{},"Handling different transaction types (coin transfers, NFT mints, DeFi operations)",[10,71,73],{"id":72},"lessons-learned","Lessons Learned",[30,75,76,79,82],{},[33,77,78],{},"Streaming responses significantly improve perceived performance",[33,80,81],{},"AI explanations need careful prompt design to be accurate",[33,83,84],{},"The Sui transaction format is well-structured but deeply nested",{"title":86,"searchDepth":87,"depth":87,"links":88},"",2,[89,90,91,92,93,94],{"id":12,"depth":87,"text":13},{"id":20,"depth":87,"text":21},{"id":27,"depth":87,"text":28},{"id":50,"depth":87,"text":51},{"id":57,"depth":87,"text":58},{"id":72,"depth":87,"text":73},"AI-powered tool that explains Sui transactions in plain English. Uses Claude API to parse transaction data and generate human-readable explanations with ELI5\u002FNormal\u002FTechnical modes.","md",false,"https:\u002F\u002Fgithub.com\u002FDanny-Devs\u002Fsui-tx-explainer",null,{},true,5,"\u002Fprojects\u002Fsui-transaction-explainer",[],{"title":5,"description":95},"MVP Complete","green","projects\u002Fsui-transaction-explainer","AI-powered transaction analysis for the Sui blockchain",[111,112,113,114,115],"Nuxt 3","@mysten\u002Fsui","Claude API","SSE Streaming","TypeScript","working","SjvWJk7F1Eg8tudg2c_PyJVawjvocW-NKjrR4FttrZ4",1788226713822]