PANDU YUDHA
BRIDGING DESIGN, CODE & AUTONOMOUS AI
Senior Product Designer, AI Systems Architect & Product Application Developer.
Enterprise design systems, full-stack applications, and autonomous AI.
JAKARTA, 2026
Explore Selected WorksPhilosophy
In the AI era, code synthesis and UI generation are commodities. The true differentiator is systems architecture: governing design tokens across hundreds of screens, building resilient full-stack platforms, and orchestrating autonomous workflows that scale.
Profile
Craft & Architecture
Product Designer, AI Systems Architect & Product Application Developer — Jakarta, Indonesia
I am a Senior Product Designer & Full-Stack Systems Architect with 8+ years of experience bridging design systems and production engineering, eliminating the friction between design intent and code execution.
My work includes architecting the enterprise design system for QLOLA by Bank Rakyat Indonesia (BRI), launching consumer SaaS platforms like WiPlanner and Keibo, and engineering mission-critical manufacturing ERP systems for NSI Polimer.
Today, I pioneer agentic workflows — integrating autonomous AI agents and Model Context Protocol (MCP) to architect and ship production products with unprecedented speed.
Capabilities
End-to-end vertical integration: product strategy, atomic UI systems, fullstack engineering, and AI-assisted workflows.
Mathematical token architectures, Figma variable collections, Code Connect mappings, WCAG AAA accessibility compliance, and unified web/mobile component libraries.
Modern web applications built on Next.js 16 App Router and Nuxt 4 with TypeScript, Tailwind CSS, Prisma ORM, and high-performance server-side rendering.
Connecting autonomous LLMs to real OS tools, headless browsers, and database terminals via MCP. Delegating mechanical execution to autonomous agent fleets.
End-to-end checkout architectures with Duitku, Indonesian Virtual Accounts (VA), QRIS, credit cards, and automated webhook reconciliation pipelines.
Specialized enterprise management tools for manufacturing and logistics, featuring relational database architectures (MSSQL / PostgreSQL) and real-time operational telemetry.
Whether you need to scale an enterprise design system, ship an MVP in 30 days, or automate manual operations with AI — let's build together.
Discuss Your ProjectSelected Works
A curated selection of enterprise design systems, consumer SaaS platforms, and industrial infrastructure.
Corporate Banking Portal & Unified Design System. Architected 450+ design tokens, multi-platform component parity across Web and Mobile, and comprehensive accessibility governance for Indonesia's largest banking network.
Workspace Produksi Konten & Kreator. Fitur kalender konten, rundown scene, shoot day checklist, cloud storage expansion, dan payment gateway Duitku.
Manufacturing Execution System & Plant Operations Dashboard. Modul Shift Operation Report, Production Maintenance Report (PMR), telemetri mesin extruder, dan quality control batch release gate.
Mindfulness finansial dengan metode Kakeibo Jepang (1904). Membagi pengeluaran ke dalam 4 pilar (Needs, Wants, Culture, Extra) dan menghitung uang aman belanja harian secara otomatis.
Process
From initial system discovery to live production deployment with zero organizational friction.
Phase 01
Phase 02
Phase 03
FAQ
On the design side, I operate exclusively in Figma with mathematical design token structures, auto-layout, and variables. For engineering, my default production stack is Next.js 16 (App Router) or Nuxt 4, coupled with TypeScript, Tailwind CSS, Prisma ORM, and PostgreSQL or MySQL/MSSQL. For background automation, I use Python, headless browser drivers, and Hermes Agent via Model Context Protocol (MCP).
Instead of manual copy-pasting into chat interfaces, I connect AI agents directly to real execution tools using MCP (Model Context Protocol). Agents have access to terminal environments, database queries, and browser drivers. This allows them to run regression tests, perform nightly competitive scraping, generate structured reports, and prepare pull requests autonomously.
Yes. While I am based in Jakarta (UTC+07:00), I routinely collaborate asynchronously with clients across Singapore, Tokyo, Europe, and the United States. Communications are handled via Slack, GitHub, and scheduled video conferences.
A standard product sprint is delivered within 4 to 6 weeks. Week 1 is dedicated to discovery and design system architecture; Weeks 2-4 cover fullstack development, database modeling, and third-party integrations; Weeks 5-6 focus on QA testing, staging revisions, and final production deployment.
Absolutely. I respect intellectual property and confidentiality. We can execute a standard mutual NDA prior to our initial discovery conversation.
First Step
Whether you need an enterprise design system, a full-stack SaaS platform, or autonomous agent integration — let's explore how we can work together.