D4new Ai
Mulai percakapan cerdas dengan AI multi-modal.
Project Overview
D4new Ai adalah platform eksplorasi AI yang menggabungkan kemampuan percakapan cerdas dengan alat bantu developer dan produktivitas harian. Menawarkan antarmuka clean minimalis dengan akses instan ke berbagai kapabilitas AI generatif.
The Problem & Engineering Solution
Antarmuka chat AI generik seringkali tidak memiliki shortcut cepat untuk tugas coding, analisis foto, atau template prompt yang terstruktur untuk kebutuhan harian.
Menyediakan workspace terfokus dengan kartu shortcut cepat (Jelaskan Sesuatu, Bantu Nulis, Kirim Foto, Bantuan Coding), upload lampiran, dan dukungan instalasi PWA.
Engineering Goals
- Menerapkan response streaming Server-Sent Events (SSE) yang halus
- Menyediakan shortcut prompt yang mempermudah pemula maupun programmer
- Mendukung analisis multi-modal dari teks, gambar, hingga dokumen file
Technical Architecture
Edge streaming pipeline yang meneruskan prompt dan lampiran ke backend LLM dan mengalirkan chunk langsung ke DOM browser.
Key Challenges & Technical Solutions
1Handling Streaming dan Parsing Markdown Kode
Challenge: Parsing chunk teks yang masuk secara bertahap dapat menyebabkan rendering syntax highlighter berkedip.
Resolution: Menerapkan buffer streaming inkremental dengan sanitasi AST markdown, memastikan blok kode dan teks tetap rapi.