Dari ide ke lembar produksi konveksi. Ukuran dari tanganmu, bukan tebakan AI.
Versi 1.0.1Diperbarui 30 September 202613 screenshot
Lembar ukuran cetak biruTampak depan, belakang, samping dengan garis ukuran vektor. Garis yang belum dikonfirmasi tampil 'A ?' tanpa angka; menyorot baris tabel menggambar ulang garisnya dan menampilkan cara mengukurnya di bawah gambar.1 / 13
Ringkasan
Aplikasi tech pack untuk brand lokal dan konveksi: ide jadi spesifikasi, tampak depan/belakang/samping plus pratinjau 3D, ukuran yang dikonfirmasi manusia sebagai garis vektor, BOM dan HPP Rupiah per jumlah produksi, PDF 3 halaman, kirim ke konveksi lewat WhatsApp, dan kit konten pre-order. Jalan penuh di Mode demo tanpa kunci API.
Masalah yang diselesaikan
Pesan kaos ke konveksi biasanya lewat foto referensi dan chat panjang. Ukuran disebut sepotong-sepotong, sampel datang dengan lebar dada meleset 3 cm, lalu semua orang saling menunjuk chat yang mana yang benar. HPP dihitung di kepala, jadi harga PO ternyata tidak menutup modal. Aplikasi AI desain luar negeri bisa menggambar produk, tapi angka ukurannya ikut dikarang model, harganya dolar, bahasanya Inggris, dan tidak ada tombol untuk mengirim ke penjahit langganan di WhatsApp.
Cocok untuk
Brand fashion dan merchandise kecil yang produksi lewat konveksi atau maklon
Komunitas, sekolah, dan kantor yang memesan kaos atau hoodie seragam
Konveksi yang ingin mengubah ide pelanggan jadi spek dan penawaran rapi
Agensi event dan merchandise yang mengurus banyak pesanan kaos, totebag, dan kemasan
Hasil yang kamu dapat
✓Angka ukuran hanya dari manusia: garis vektor baru berangka setelah kamu konfirmasi, PDF terkunci sebelum semuanya pasti
✓Satu tabel ukuran menggerakkan semua: sketsa, tampak, model 3D, dan kebutuhan kain ikut berubah
✓HPP Rupiah per 12, 24, 50, 100 pcs dengan harga jual saran dan cek target
✓PDF tech pack 3 halaman dengan garis ukuran vektor, tabel grading, BOM, dan kotak tanda tangan
✓Kirim ke konveksi lewat WhatsApp plus tautan baca-saja dan riwayat versi yang menyebut apa yang berubah
✓Kit pre-order: 4 slide 4:5 dan caption, dengan filter klaim menyesatkan
Empat kategori: kaos, hoodie, totebag kanvas, kotak kemasan
Draf spesifikasi AI berbahasa konveksi, disetujui/diubah/ditolak manusia, maksimal 2 kali ulang
Menolak ide yang meniru merek pihak ketiga dan logo yang bukan milik sendiri
Unggah logo dan sketsa dengan persetujuan UU PDP, disimpan hanya di browser
Tampak dan 3D
Tampak depan, lalu belakang dan samping dengan tampak depan sebagai acuan
Pratinjau 3D three.js: 8 warna kain, kode warna sendiri, posisi dan lebar cetakan, warna tinta
Cetakan dipasang dengan decal di model, 6 preset sudut kamera
Garis ukuran terkonfirmasi diproyeksikan ke model 3D
Tanpa WebGL: gambar tampak depan statis
Ukuran
Tabel ukuran standar konveksi (sampel M) dengan grading S sampai XXL dan toleransi
Konfirmasi per baris; angka yang diubah harus dikonfirmasi ulang
Gambar ukuran baru dengan dua klik, menempel ke sudut pola
Tambah ukuran lewat daftar titik tanpa mouse
Validasi rentang dengan pesan Indonesia
Bahan dan HPP
Kebutuhan kain dihitung dari luas pola × gramasi × susut potong
BOM bisa diedit, harga ditandai estimasi atau isian
Ongkos jahit, cetak per titik, setup film per warna, pola dan sampel, overhead, margin
HPP per jumlah produksi dengan grafik batang dan cek target harga jual
Ekspor CSV untuk Excel (titik koma, koma desimal)
Lembar produksi
PDF A4 lanskap 3 halaman, garis ukuran dan teks tetap vektor
Pesan WhatsApp ke konveksi dengan versi, ukuran, bahan, jumlah, HPP
Tautan baca-saja tanpa server (spek dikemas di alamat tautan)
Riwayat versi dengan daftar perubahan
Kit pre-order
4 slide 1080 × 1350: sampul harga PO, belakang, detail cetakan, tabel ukuran
Caption AI dengan harga, ukuran, tanggal tutup PO, perkiraan kirim
Filter klaim 'dijamin', 'termurah', '100%'
Unduh ZIP berisi slide dan caption
Biaya dan keamanan
Tiga cara memakai model: kunci API Anda sendiri di browser, secret di Cloudflare Worker Anda, atau .env server; kunci server tidak pernah di bundle
Meteran biaya Rupiah dan batas harian (HTTP 429), tersimpan di KV pada deploy Cloudflare Workers
Id model dan harga dari .env atau wrangler.jsonc, ganti penyedia tanpa ubah kode
Animasi 3D
Konsep
Kaos, hoodie, totebag, atau kotak kemasan dalam 3D dengan warna kain dan cetakan pilihan, dibangun dari siluet pola yang sama dengan sketsa datar. Diputar untuk mengecek letak sablon dan melihat garis ukuran terkonfirmasi di badan sebelum lembar produksi dikirim.
Tanpa WebGL / gerak dikurangi
Tanpa WebGL tampil render datar tampak depan; dengan prefers-reduced-motion kamera langsung lompat ke sudut tanpa animasi.
Screenshot
01Lembar ukuran cetak biruTampak depan, belakang, samping dengan garis ukuran vektor. Garis yang belum dikonfirmasi tampil 'A ?' tanpa angka; menyorot baris tabel menggambar ulang garisnya dan menampilkan cara mengukurnya di bawah gambar.desktop
02Menggambar ukuran sendiriKlik dua titik di pola, titik menempel ke sudut jahitan. Angka diambil dari panjang garis di pola, lalu kamu beri nama dan konfirmasi.desktop
03Pratinjau 3D warna dan cetakanKaos maroon dengan sablon punggung, diputar ke sudut serong belakang. Kop di panggung menyebut warna, teknik, posisi, dan lebar cetak.desktop
04Tampak depan, belakang, sampingTampak depan disetujui dulu, lalu belakang dan samping dibuat dengan tampak depan sebagai acuan.desktop
05Ide jadi paragraf spesifikasiDraf AI berbahasa konveksi menunggu persetujuan. Bisa disetujui, diubah sendiri, atau ditolak.desktop
06Bahan dan HPP RupiahKain utama dihitung dari luas pola. HPP per 12/24/50/100 pcs dan harga jual saran.desktop
07Lembar produksi siap kirimEmpat syarat terpenuhi, PDF tech pack, CSV, WhatsApp ke konveksi, tautan baca-saja, riwayat versi.desktop
08Kit konten pre-orderEmpat slide 4:5 bertanda gambar ilustrasi dan caption yang sudah disetujui.desktop
09Daftar proyekKaos, hoodie, totebag dengan kemajuan gerbang, versi, dan HPP.desktop
10Cetak biru di ponselTampak dipilih lewat tab, dampak ke HPP langsung di bawah gambar.mobile
11Tabel spesifikasi di ponselKonfirmasi ukuran satu per satu dengan jari; grading S sampai XXL di tiap baris.mobile
123D di ponselPutar model dengan jari atau tombol sudut; garis A dan B terkonfirmasi ikut tampil.mobile
13HPP di ponselPilih jumlah produksi, lihat HPP, rincian, dan grafik batang per jumlah.mobile
Contoh hasil
PDFBuka PDF ↗Contoh PDF tech packKaos Ulang Tahun ke-5 Kedai Lereng (fiktif): ringkasan + tampak, sketsa datar dengan garis ukuran dan grading, BOM + HPP.
Slide pre-order: sampul1080 × 1350 dengan harga PO dan tanggal tutup, bertanda gambar ilustrasi.
Slide pre-order: tabel ukuranHanya ukuran yang sudah dikonfirmasi yang masuk ke slide.
Cara Pasang
1
Ekstrak dan pasang
Ekstrak ZIP, buka terminal di foldernya.
npm install
2
Jalankan Mode demo
Web di http://localhost:4418, API di :8418. Tanpa kunci, semua gratis.
npm run dev
3
Mode nyata (opsional)
Salin .env.example ke .env, isi AI_API_KEY dan DAILY_CAP_IDR, lalu build dan jalankan satu proses.
npm run build && SERVE_STATIC=1 npm run server
4
Deploy statis Mode demo
Unggah isi dist/ ke Netlify, Vercel, atau cPanel. Panduan lengkap di docs/INSTALL.md.
VITE_STATIC=1 npx vite build
Butuh kredensial
Kunci API penyedia AI (milik Anda sendiri)Berbayar
Buat kunci di dasbor penyedia kompatibel OpenAI (misalnya FlatKey atau OpenRouter). Pilih salah satu: tempel di panel Daftar proyek > Kunci API Anda sendiri (browser langsung ke penyedia), simpan sebagai secret Cloudflare Worker (wrangler secret put AI_API_KEY), atau isi AI_API_KEY di .env server. Tanpa kunci aplikasi tetap jalan di Mode demo.
Tabel ukuran standar, grading, dan toleransi per kategori
Harga bahan, ongkos jahit, dan faktor per jumlah sesuai konveksi langgananmu
Warna kain, posisi cetak, dan teknik
Isi pesan WhatsApp dan isi PDF
Warna dan font aplikasi lewat token CSS
Penyedia dan model AI lewat .env
AI in the loop
Yang dikerjakan AI
Menulis draf paragraf spesifikasi dari ide, menggambar tampak depan/belakang/samping dari siluet pola (mode nyata), dan menulis caption pre-order.
Kendali manusia
Setiap keluaran AI berstatus draf sampai disetujui manusia, bisa diubah atau ditolak, maksimal 2 kali ulang per langkah. Angka ukuran tidak pernah dari AI: hanya dari tabel yang dikonfirmasi manusia, dan PDF serta WhatsApp terkunci sampai semua ukuran dikonfirmasi. Meteran biaya Rupiah dan batas harian di server.
Penyedia model
Kompatibel OpenAI lewat server proxy, default FlatKey (gemini-3.1-flash-image untuk gambar, gemini-2.5-flash untuk teks). Id model di .env.
Hasil AI selalu berupa draf. Tidak ada yang terkirim atau tersimpan sebelum kamu menyetujuinya.
FAQ
Apakah AI yang menentukan ukuran lebar dada dan panjang?+
Tidak. Isian awal diambil dari tabel ukuran standar konveksi, lalu kamu ukur dan konfirmasi sendiri baris per baris. Garis di gambar baru berangka setelah dikonfirmasi. Model gambar diperintah untuk tidak menulis angka apa pun.
Harga bahan di BOM dari mana?+
Harga contoh pasar September 2026 yang ditandai 'estimasi'. Ganti dengan harga toko bahan dan konveksi langgananmu; kain utama dihitung otomatis dari luas pola.
Konveksi saya tidak mau pasang aplikasi. Bagaimana mereka melihat spek?+
Kirim PDF atau tautan baca-saja lewat WhatsApp. Tautan dibuka di browser apa pun tanpa login, dan tidak butuh server karena spek dikemas di alamat tautan.
Apakah bisa tanpa kunci API?+
Bisa. Mode demo menjalankan semua lembar dengan draf dari templat dan gambar dari pola, Rp 0. Kunci hanya diperlukan kalau ingin tampak foto-realistis dan draf teks dari model.
Bisa untuk produk selain kaos?+
Versi ini punya kaos, hoodie, totebag kanvas, dan kotak kemasan. Kategori baru ditambahkan di src/lib/garment.ts dengan fungsi siluet dan tabel ukurannya.
Boleh pakai motif batik atau logo brand terkenal?+
Logo hanya bisa diunggah setelah menyatakan logo milik sendiri, dan ide atau tulisan cetakan yang menyebut merek lain ditolak. Motif batik atau tenun pakai berkas milikmu sendiri atau yang berlisensi.
Data proyek disimpan di mana?+
Di browser pemakai (localStorage). Tidak ada database. Foto dan logo tidak dikirim ke server kecuali saat meminta gambar di mode nyata, dan server tidak menyimpannya.
Apakah harga produk sudah termasuk biaya AI?+
Tidak. Produk dijual apa adanya dan tidak menyertakan kunci API. Anda memakai kunci dari akun penyedia sendiri, dan biaya tiap draf atau gambar ditagih penyedia langsung ke akun Anda. Meteran Rupiah dan batas harian di aplikasi membantu mengendalikannya.
Changelog
v1.0.1 30 September 2026
Kunci API sendiri: tempel kunci di panel Daftar proyek, browser memanggil penyedia langsung tanpa lewat server
Deploy ke Cloudflare Workers akun sendiri (wrangler.jsonc, secret AI_API_KEY, batas harian tersimpan di KV)
Logika validasi dan prompt dipakai bersama oleh server, Worker, dan browser
v1.0.0 26 September 2026
Rilis pertama: enam lembar, empat kategori, PDF tech pack, WhatsApp, kit pre-order
