Langsung ke konten
← Kembali ke Portofolio Web App

OneEngine — Platform Alur Kerja Agen AI

Pembuat alur kerja visual untuk mengorkestrasi agen AI: seret node ke kanvas, buat percabangan berdasarkan kondisi, lalu ekspor grafik sebagai JSON atau cURL.

Aplikasi Web Desain UI/UX Dashboard Vue TypeScript

Klien

OneStudio (produk sendiri)

Tahun

2026

Peran

Desain produk & rekayasa front-end

Durasi

2026 - sedang dikembangkan

OneEngine — Platform Alur Kerja Agen AI
Tangkapan layar dari OneEngine — Platform Alur Kerja Agen AI

Tantangan

Membangun alur kerja agen biasanya berarti menulis kode. Itu membuat orang yang paling dekat dengan proses berada di luar lingkaran, dan mengubah setiap perubahan kecil menjadi permintaan ke developer.

Pendekatan

Kami mendesain OneEngine supaya alur kerjanya berupa diagram, bukan skrip. Node-graph menjalankan agen-agennya, sementara builder adalah antarmuka yang benar-benar dipakai orang setiap hari. Karena grafiknya adalah JSON biasa, sebuah alur bisa diekspor, di-version, dan dipicu dari mana saja - termasuk dari jendela chat.

Fitur yang Dibangun

11 · 3 dengan screenshot

Tangkapan layar dari proyek berjalan.

OneEngine — Platform Alur Kerja Agen AI — Visual Workflow Builder
01

Visual Workflow Builder

Seret node agen, kondisi, split, merge, dan loop ke kanvas lalu hubungkan satu sama lain. Grafik diperbarui saat sedang dibangun, sehingga bentuk alurnya sudah terbaca jauh sebelum dijalankan. Node bisa dipindahkan bebas, dan setiap node punya panel konfigurasi sendiri.

Tangkapan layar dari proyek berjalan
OneEngine — Platform Alur Kerja Agen AI — Pustaka Tool Berkategori
02

Pustaka Tool Berkategori

Semua kemampuan yang bisa dipanggil agen terkumpul di satu tempat, dikelompokkan per kategori (file, api, database, llm) dan bisa disaring berdasarkan asal - lokal, MCP, agen, atau workflow. Pencarian menutupi nama, deskripsi, dan server.

Tangkapan layar dari proyek berjalan
OneEngine — Platform Alur Kerja Agen AI — Konfigurasi LLM Multi-Provider
03

Konfigurasi LLM Multi-Provider

Daftarkan beberapa penyedia model sekaligus, bukan mengikat satu untuk seluruh alur kerja. Tiap penyedia menyimpan pilihan model dan status aktifnya sendiri, sehingga biaya dan kemampuan bisa diseimbangkan per langkah.

Tangkapan layar dari proyek berjalan

Fitur lain yang dibangun

8

Integrasi MCP Server

Hubungkan server tool eksternal lewat Model Context Protocol sehingga alur kerja bisa menjangkau layanan yang tidak kami bangun, dan tetap terpantau saat tool tersebut berubah.

Eksekusi Streaming & Jejak

Respons dialirkan lewat SSE dengan penjadwalan langsung, riwayat eksekusi, dan tampilan detail per run, sehingga Anda tahu node mana yang gagal tanpa perlu menebak.

Antarmuka Chat dengan Jejak Tool

Antarmuka percakapan yang menampilkan tool call di balik tiap jawaban secara inline, lengkap dengan hasil dan kelompok eksekusi, sehingga jalannya agen tetap terbaca saat terjadi.

Penjadwalan & Riwayat Eksekusi

Eksekusi bisa dijadwalkan untuk nanti, dan setiap riwayat disimpan dengan tampilan detailnya masing-masing sehingga hasil antar-run bisa dibandingkan.

Pustaka Agen

Agen spesialis cukup didefinisikan sekali, lengkap dengan model dan tool yang diizinkan, lalu dipakai ulang di workflow mana pun tanpa ditulis ulang.

Pustaka Skill

Fragmen prompt dan kumpulan instruksi yang bisa dipakai ulang dan dipilih saat menyusun node, sehingga perilaku tetap konsisten antar workflow.

Ekspor Grafik & JSON

Setiap workflow bisa dilihat sebagai diagram, diekspor jadi JSON, atau disalin sebagai permintaan cURL, sehingga alur bisa berpindah antara antarmuka dan terminal tanpa dibangun ulang.

Pemicu WhatsApp & Telegram

Otomatisasi bisa dijalankan dari chat yang sudah dipakai tim, sehingga eksekusi terjadi di tempat orang berada, bukan hanya di dalam dashboard.

Teknologi

Vue 3 TypeScript Tailwind CSS Vue Flow Pinia Python FastAPI LangGraph PostgreSQL SSE

Hasil

Hasilnya adalah alat yang benar-benar bisa dijalankan sendiri oleh tim operasi. Yang sebelumnya butuh developer dan deploy kini selesai di browser, dan setiap eksekusi meninggalkan jejak yang bisa diperiksa ketika ada masalah.

Tentang Proyek Ini

OneEngine adalah platform runtime self-hosted untuk membangun dan menjalankan alur kerja agen AI.

Masalah desainnya bukan pada agennya - melainkan bahwa satu-satunya cara menyusun mereka adalah file teks. Kami memindahkan penyusunan itu ke kanvas, sehingga sebuah alur kerja bisa dilihat, dibicarakan, dan diubah tanpa membuka editor.

Grafiknya sengaja dibuat sebagai JSON biasa. Itu membuatnya tetap bisa diperiksa, dibandingkan, dan dipindahkan: alur yang dibangun lewat antarmuka adalah objek yang sama dengan yang didapat developer saat mengekspor. Tidak ada yang terkunci di dalam tool.

Antarmuka adalah bagian utama dari kerja desain - kanvas grafik tempat agen, kondisi, split, merge, dan loop terhubung secara visual, dengan jejak eksekusi yang digambar kembali ke kanvas sehingga satu run terbaca sebagai perjalanan melalui diagram.