Back to Projects
Completed Project

Sploink.AI – VS Code Extension

Frontend development for AI agent management VS Code extension for a US-based client ($5/hr). Built responsive monitoring UI for agent workflow logs and real-time execution state visualization.

|
Sploink.AI – VS Code Extension
RoleFrontend Developer Intern ($5/hr)
TimelineMay 2026 - Jun 2026
TeamSploink (US Startup)
Tech Stack5 Technologies

Mission Brief

Frontend architecture and UI development for Sploink.AI's developer extension inside Visual Studio Code. Built under a paid international engagement ($5/hr) with a US remote startup led by Timothy Nguyen. Created high-performance React webview panels that render real-time execution trees of autonomous coding agents, tool call payloads, and collapsible prompt debugging logs.

Key Features

Agent Monitoring & Webview UI

  • Real-Time State Visualization: Dynamic execution hierarchy showing active agent thoughts, subtasks, and tool calls
  • Collapsible Debugging Streams: Low-latency display of streaming LLM outputs and JSON tool argument inspection
  • VS Code Theme Harmony: UI natively adapts to the user's active VS Code dark and light theme tokens

Engineering Chronicles

VS Code webview communication protocol requires message-passing with serialization constraints.

SolutionEngineered a strongly-typed bidirectional RPC bridge between the extension background host and React webview state.

Installation Instructions

1. Extension Development Setup
$# Press F5 in VS Code to launch the Extension Development Host window with the React webview

Project Access

Live DemoSource Code

Technologies

React
TypeScript
VS Code Extension API
Tailwind CSS
Webview API

Table of Contents

  • • Mission Brief
  • • Key Features
  • • Engineering Chronicles
  • • Visual Gallery
  • • Installation Instructions
Back to Projects

More Projects

PRANAG AI – Web Platform
Completed

PRANAG AI – Web Platform

React.js • AI & Machine Learning

AI Livestock Diagnostic Mobile App
Completed

AI Livestock Diagnostic Mobile App

Flutter • Mobile & On-Device AI

VCC ERP – Coaching Institute Management
Completed

VCC ERP – Coaching Institute Management

Flutter 3.41 • Full Stack & ERP Ecosystem

Rajasthali – Travel & Fleet Management System
Completed

Rajasthali – Travel & Fleet Management System

Flutter 3.7+ • Fleet & Mobile Logistics

CVCraft v2 – AI-Powered ATS Resume Builder
Completed

CVCraft v2 – AI-Powered ATS Resume Builder

FastAPI • AI & Full Stack Web App