Frontend • Systems Integration • 6+ Years Experience
R. Luki Rahayu Agung

Also known as Luki · Luks · luksluki

Frontend Engineer
Systems Integration
& Product Builder

I build complex digital systems and turn ideas into working products.

Translating complex datasets, policy workflows, and API architectures into intuitive, high-performance interfaces. From large-scale public sector systems to AI experiments and independent software products.

Core Trajectory:
01Frontend Architecture
02Systems Integration
03Product Development
Explore Studio ELCODE
sys-telemetry.v1• live
SKALA Ecosystem Hub
Active • 5 Systems

National policy analytics, statistical datasets ingestion (Susenas/Sakernas), and APBD fiscal ledgers.

React / Next.jsNuxt.jsamCharts
Vector RAG Pipeline
ChromaDB • Local Embed

Schema-enforced causal graph decomposition (Masalah → Penyebab → Intervensi → Anggaran).

FastAPIPythonVector Search
ELCODE Studio OS
In Development

Local-first digital studio operations workspace for engineering pipelines, agents, and client systems.

status: ready for deployment
2026.10
01 • Curated Engineering Case Studies

Selected Work

High-complexity public sector systems, policy analytics platforms, and data-driven interfaces.

Demonstrating deep systems engineering, data pipelines, and workflow automation.
Kementerian PPN/Bappenas – SKALA Program (DT Global)

SKALA Program Ecosystem

Role: Front-End & Systems Integration Engineer • 2023 – Present
A unified suite of high-complexity government planning and policy analytics systems designed to transform multi-dimensional regional datasets into structured, actionable decision-making workflows.
Policy Analysis
RPJMD & RKPD multi-sector alignment
Intervention Trees
Structured problem-to-budget chains
Capacity Building
Regional stakeholder self-learning
Fiscal Analytics
Regional revenue & expenditure intelligence
Climate & Risk
Geospatial sea level rise assessments
01/Kementerian PPN/Bappenas – SKALA Program•
Front-End & Systems Integration Engineer

Kanvas Analisis

Complex Data & Regional Policy Analysis System

Transforming complex national statistical datasets (Susenas, Sakernas, DTSEN) and regional planning documents (RPJMD, RKPD) into an interactive analytical workflow for regional planning.

Analytical Workflow Pipeline
01
Dataset Ingestion
02
Sectoral Theming
03
Cross-Indicator Analysis
04
Document Synthesis
React.jsNext.jsTypeScriptTailwind CSSData VisualizationREST APIs
Kanvas Analisis
Click to inspect
Analisis Intervensi & Anggaran
Click to inspect
02/Kementerian PPN/Bappenas – SKALA Program•
Front-End & Systems Integration Engineer

Analisis Intervensi & Anggaran

Structured Problem Decomposition & Budget Planning System

A structured policy planning application connecting problem identification, root-cause analysis, intervention options, and budget estimation into a unified decision-support workflow.

Causal Planning ChainAI / RAG Integrated
Masalah
Core Problem
Penyebab
Root Causes
Intervensi
Intervention Options
Anggaran
Budget Allocation
React.jsNext.jsTypeScriptTailwind CSSPython / FastAPIAI / RAG Integration
SEPAKAT Edu
03 / Capacity Building
Kementerian PPN/Bappenas – SKALA Program
Fullstack / Front-End Engineer

SEPAKAT Edu

Interactive Learning & Capacity Building Platform

An educational and self-learning platform within the SEPAKAT ecosystem designed to train thousands of regional government planners on integrated planning, budgeting, and poverty diagnostics.

Vue.jsNuxt.jsNode.jsExpress.jsPostgreSQL
Analisis Penerimaan & Belanja Daerah
04 / Fiscal Intelligence
Kementerian PPN/Bappenas – SKALA Program
Front-End & Systems Integration Engineer

Analisis Penerimaan & Belanja Daerah

Regional Fiscal Intelligence & Financial Data System

A high-density financial analytics interface providing regional decision-makers with comprehensive visibility into local revenue sources (PAD, transfer funds) and expenditure allocations.

Vue.jsNuxt.jsTailwind CSSamChartsFinancial Data Analytics
05/Kementerian PPN/Bappenas – SKALA Program•
Front-End & Geospatial Integration Engineer

Dashboard SLR

Climate Risk & Geospatial Sea Level Rise Analytics

An interactive geospatial analytical platform visualizing the projected impact of Sea Level Rise along Indonesian coastal zones under IPCC SSP5-8.5 climate scenarios using FABDEM elevation models.

Geospatial Analysis Workflow
01
Scenario Selection
02
Elevation Masking
03
Infrastructure Overlay
04
Impact Quantification
React.jsGeospatial AnalyticsFABDEM ElevationIPCC SSP5-8.5 ModelsMapbox / LeafletTailwind CSS
Dashboard SLR
Click to inspect
02 • AI, RAG & Engineering Experiments

Experiments

Hands-on technical explorations at the intersection of local AI, vector retrieval, and structured interface workflows.

Engineering Philosophy: Experiments test technical boundaries and inform real product architectures.
Experiment
•2024 - 2025

RAG Problem Tree Generator

AI-Powered Regional Policy & Causality Decomposition

An experimental AI system that parses regional planning documents and socio-economic datasets to generate verified causal problem trees (Masalah → Penyebab → Intervensi) using retrieval-augmented generation.

Rather than relying on ungrounded generative prompts, this pipeline uses local vector embeddings in ChromaDB to retrieve regulatory context and generate schema-enforced causal graphs (Masalah → Penyebab → Opsi Intervensi).

FastAPILangChainChromaDBOllamaVector EmbeddingsDocument Processing
RAG Pipeline ArchitectureFastAPI + LangChain + ChromaDB
1. Regional Policy Data & Indicators
Document Chunking
↓
2. Information Retrieval (ChromaDB + Ollama)
Dense Embeddings
↓
3. RAG / LangChain Synthesis
Deterministic Prompting
↓
4. Structured Output (Problem Tree DAG)
Masalah → Penyebab → Intervensi
03 • Independent Studio Initiatives

Building ELCODE

An independent software studio building digital systems, developer operating tools, interactive simulations, and product experiments.

Explore elcode.id
Studio-Owned Product Initiative
•In Active Development

ELCODE Studio OS

All-in-One Digital Studio Operations & Workspace

Designed to eliminate fragmentation across third-party project trackers, API telemetry, and client deliverables. Studio OS provides an integrated local-first workspace for software studios managing products, agentic pipelines, and systems delivery.

Next.jsTypeScriptTailwind CSSDrizzle ORMPostgreSQLAgentic Pipelines
elcode-studio-os ~ v0.9
Workspace ModelLocal-first SQLite / Postgres
Automation EngineAgentic Task Pipelines
Delivery RegistryMilestone Contracts & API Specs
Studio Game Experiments
Simulation, RPG & Strategy
Farming Simulation
Sawah Story

A cozy rural farming simulation game celebrating traditional agriculture.

Tower Defense
Aetheria Defense

Tactical strategy defense with elemental magic synergies and pathing mechanics.

Narrative RPG
The Cartographer Echo

An atmospheric exploration RPG driven by map discovery and forgotten lore.

Management / Idle
Idle Coffee Roastery

Artisan coffee supply chain and roasting economy simulation.

Wuxia / AI Narrative RPG
Cultivation Game

Martial cultivation roleplay featuring dynamic AI-driven story encounters.

04 • Engineering Philosophy

How I Build

The technical principles and systems mindset guiding my architectural choices and code delivery.

FOUNDATIONAL PRINCIPLE // 01

Understand the system first

“Never jump to UI implementation before grasping the domain.”

Before writing a line of interface code, I map the core workflow, the data schemas, and the stakeholders' real operational pain points. A beautiful interface built on flawed mental models is useless.

System Decomposition
UI Primitives:Stateless & Pure
Domain State:Isolated & Typed
API Adapters:Resilient Transforms
PRINCIPLE // 02

Make complexity usable

“Complex data and workflows should become understandable interfaces.”

Whether it is millions of national survey records or nested regional budget lines, my role is to untangle multi-dimensional complexity into intuitive, step-by-step human workflows.

PRINCIPLE // 03

Build for resilient integration

“Modern products never exist in isolation.”

Digital applications depend on external APIs, legacy systems, and fluctuating network connections. I engineer interfaces that fail gracefully, handle state transitions predictably, and preserve user progress.

PRINCIPLE // 04

Optimize where it matters

“Performance, reliability, and maintainability are core product features.”

Performance is not an afterthought; it dictates usability for users on low-bandwidth laptops. I focus on clean bundle footprints, surgical DOM rendering, and predictable state structures.

PRINCIPLE // 05

Keep learning through real builds

“Explore new technologies through hands-on experiments, not trends.”

I explore emerging paradigms—such as local RAG with LangChain and vector databases—by building functional prototypes that solve tangible problems.

05 • About & Technical Capabilities

Engineering Background

6+ years of engineering evolution from user interfaces to systems integration and independent product building.

I am a Frontend Engineer and Systems Integration specialist with over 6 years of experience building mission-critical web applications for government institutions, research organizations, and private clients.

My work centers on the intersection of frontend architecture and complex data workflows. Rather than treating frontend as purely visual layer implementation, I focus on how the interface interacts with complex backend schemas, data pipelines, and external integrations to make complex systems intuitively usable.

Beyond my core professional work with the SKALA Program, I explore AI/RAG automation pipelines and build independent software products through my software studio, ELCODE.

6+ Years
Engineering Practice
5 Systems
SKALA Public Sector
Studio OS
Independent Product

Professional Experience

Front-End & Systems Integration Engineer
Jan 2023 – Present
DT Global – SKALA Program•Remote / Indonesia

Leading frontend engineering and system integration for core government analytical platforms under the SKALA Program (Kementerian PPN/Bappenas), supporting regional development and evidence-based planning.

React.jsNext.jsVue.jsNuxt.jsTypeScriptTailwind CSS
Frontend Engineer
Oct 2020 – Dec 2022
BaKTI Foundation•Remote / Indonesia

Engineered frontend platforms and collaborative tools for foundation initiatives, focusing on data portals, administrative dashboards, and regional outreach platforms.

Vue.jsNuxt.jsJavaScriptCSS3 / SassBootstrapNode.js
Frontend Web Developer
Oct 2019 – Jun 2020
PT. Exaditama Teknologi Kreativa•Indonesia

Developed web applications, PWAs, and client administrative dashboards in an agile software agency environment.

HTML5CSS3JavaScriptVue.jsBootstrapGit
Indonesia University of Education (UPI)
B.Ed. in Computer Science Education • CGPA 3.37

Technical Capabilities

Grouped by engineering discipline and verified through production delivery.

CATEGORY // 01

Frontend Engineering

Building responsive, accessible, high-performance web systems and dynamic interfaces.

Vue.jsNuxt.jsReact.jsNext.jsSvelteSvelteKitTypeScriptJavaScript (ES6+)Tailwind CSSVuetifyHTML5 / CSS3Responsive & Accessible UI
CATEGORY // 02

Backend & Systems Integration

Designing resilient API integrations, microservices, and reliable communication layers.

Node.jsExpress.jsPythonFastAPIRESTful APIsSequelize ORMAuthentication / SSOAPI Integration & Contracts
CATEGORY // 03

Data & Geospatial Visualization

Translating multi-dimensional metrics and spatial models into clear, interactive visuals.

PostgreSQLData VisualizationGeospatial Analytics (FABDEM / GIS)Interactive Charts (amCharts / Recharts)Spatial Map InterfacesFiscal & Budget Analytics
CATEGORY // 04

AI & RAG Experimentation

Applying modern language models and retrieval systems to practical workflow automation.

LangChainChromaDBOllamaRAG ArchitectureVector EmbeddingsDocument Chunking & ProcessingDeterministic Schema Generation
CATEGORY // 05

Infrastructure & Engineering Tools

Ensuring reproducible environments, maintainable codebases, and reliable deployment.

Docker & Docker ComposeLinux / BashNginxAWSGit & Collaborative WorkflowsFigmaPerformance Profiling
06 • Direct Contact

Get In Touch

Open to discussions regarding senior engineering roles, complex systems consulting, or digital product collaborations.

Contact Channels

Email
lukirahayuagung@gmail.com
Direct / WhatsApp
+62 857-7124-2483
Location
Indonesia (Remote Friendly • UTC+7)
Profiles:
© 2026 R. Luki Rahayu Agung. All rights reserved.
AboutWorkPressFAQEngineer • Systems • Products•elcode.id