design-md

design-md adalah CLI tool untuk memilih dan meng-install design system spec (dalam format .md) ke project Anda.

Dengan satu perintah, Anda bisa mendapatkan dokumentasi design system dari brand-brand terkenal seperti Apple, Claude (Anthropic), Expo, HP, dan Supabase — langsung sebagai file DESIGN.md di project Anda.

Cara Install & Pakai

npx design-md

Lalu pilih design yang diinginkan menggunakan arrow keys.

Atau install global:

npm install -g design-md
design-md

Output

Setelah memilih design, tool akan membuat file DESIGN.md di direktori Anda saat ini. File ini berisi spek lengkap design system tersebut — warna, tipografi, spacing, komponen, dan panduan implementasi.

Design yang Tersedia

| Design | Deskripsi | |--------|-----------| | Apple | Photography-first interface dengan SF Pro typography dan Action Blue (#0066cc) | | Claude (Anthropic) | Warm cream canvas + coral accent dengan slab-serif editorial display | | Expo | Developer platform aesthetic dengan pure black CTA dan sky-blue gradient | | HP | Consumer-electronics catalog dengan HP Electric Blue dan angular chevron motif | | Supabase | Open-source database platform dengan emerald green primary dan white canvas |

Cara Menambahkan Design Baru

Tinggal tambahkan file DESIGN-<nama>.md ke folder designs/ dengan format YAML frontmatter yang sama.

Lisensi

ISC