Design MD Library

Koleksi 80 design-system brief (dari awesome-design-md + designmd.ai + 9 sistem custom) — cari referensi visual, ambil filenya, jadikan brief instan buat vibe coding di Claude Code / Codex.

80 design systems

1. Cari & filterPakai search atau chip kategori/mood untuk temukan gaya yang cocok dengan project barumu.

2. Ambil filenyaKlik curl untuk download langsung ke folder project, atau copy untuk salin isi lengkapnya.

3. Kasih briefSimpan sebagai DESIGN.md di root project, lalu bilang ke Claude Code / Codex: "Ikuti DESIGN.md, terapkan ke semua UI".

Rekomendasi pemakaian buat project SID / Sekolah.mu — klik buat lihat & filter

Kanban / internal SaaS (mis. MUV)Dark, teknikal, hairline card.

HR / dashboard karyawan (mis. UPF)Rounded, warm-professional.

Fintech / transaksi (mis. Kantinmu, PDFS)Trustworthy blue/green, data-dense.

Edtech / anak-anak (mis. LERN, Skylearn)Ceria, rounded, tap target besar.

Landing/marketplace konsumer (mis. ReportFinder, Prototype Library)Fotografi/whitespace generous.

Dashboard data / analytics (mis. Monitoring, Activity)Padat data, satu aksen kuat.

Developer tool internal (mis. CodeNow, Terminal)Dark canvas, monospace, hairline.

AI companion / bot showcase (mis. AI Agent 001, TeleClaude)Editorial, humanist, bukan sci-fi biru.

Sumber: github.com/voltagent/awesome-design-md & designmd.ai, plus 9 sistem custom buatan sendiri (ditandai ⭐ Ready-to-Use). File mentah tersedia di /raw/<nama-file>.md. Halaman ini adalah katalog internal Product SID — diskusi/kontribusi lewat channel tim.