The latest articles on DEV Community by shihan sun (@shihan_sun_1cea75d1de372a). https://dev.to/shihan_sun_1cea75d1de372a https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3865565%2Fa059e6c5-6864-41ea-8441-79925945fbf3.png https://dev.to/shihan_sun_1cea75d1de372a en shihan sun Tue, 07 Apr 2026 10:28:40 +0000 https://dev.to/shihan_sun_1cea75d1de372a/i-built-a-retro-terminal-tool-to-check-your-claude-code-buddy-pet-2gep https://dev.to/shihan_sun_1cea75d1de372a/i-built-a-retro-terminal-tool-to-check-your-claude-code-buddy-pet-2gep <p>Ever since Anthropic introduced the <strong>Claude Code Buddy</strong> feature — a virtual pet that lives in your terminal and evolves based on your coding activity — I've been obsessed with checking mine. So I built a dedicated web tool for it.</p> <h2> What I Built </h2> <p><a href="https://claude-buddy-checker.vercel.app" rel="noopener noreferrer"><strong>Claude Buddy Checker</strong></a> is a retro CRT terminal-style web app that lets you look up any Claude Code Buddy by UUID. It renders your buddy's ASCII art, stats, personality traits, and evolution stage in a nostalgic green-on-black terminal interface.</p> <h3> Key Features </h3> <ul> <li> <strong>CRT Terminal UI</strong> — Scanlines, phosphor glow, screen flicker, and that satisfying retro aesthetic</li> <li> <strong>UUID Lookup</strong> — Paste your buddy's UUID and instantly see its full profile</li> <li> <strong>Multi-language Support</strong> — Full English, Chinese (中文), and Korean (한국어) translations</li> <li> <strong>Comprehensive Blog</strong> — 13 articles covering guides, deep dives into probability math, and lore</li> <li> <strong>Mobile Responsive</strong> — Works great on phones with the same terminal feel</li> </ul> <h2> The Tech Stack </h2> <ul> <li> <strong>React 19</strong> + <strong>Tailwind CSS 4</strong> for the frontend</li> <li> <strong>Wouter</strong> for client-side routing</li> <li>Custom CSS animations for the CRT monitor effects (scanlines, flicker, phosphor glow)</li> <li> <strong>Giscus</strong> comments integration for community discussion</li> <li>Server-side OG image generation for social sharing</li> </ul> <h2> The Fun Part: The Blog </h2> <p>The blog section turned out to be the most interesting part. I wrote deep dives into:</p> <ul> <li>The <strong>probability mathematics</strong> behind shiny buddies (geometric distribution, expected value calculations)</li> <li>The <strong>kinship algorithm</strong> that determines buddy compatibility (12-dimensional weighted Euclidean distance)</li> <li> <strong>Evolution mechanics</strong> and how coding patterns influence your buddy's growth</li> </ul> <p>Each article includes interactive data tables, code examples, and is fully translated into 3 languages.</p> <h2> Try It Out </h2> <p>Check it out at <a href="https://claude-buddy-checker.vercel.app" rel="noopener noreferrer">claude-buddy-checker.vercel.app</a> and let me know what you think!</p> <p>The source code is open on GitHub: <a href="https://github.com/lxiaolong068/claude-buddy-checker" rel="noopener noreferrer">lxiaolong068/claude-buddy-checker</a></p> <p>Would love to hear your feedback, especially on the CRT terminal aesthetic. What's your buddy's personality type? Drop a comment below!</p> showdev webdev programming ai