Dapatkan DESIGN.md
dari website apa pun

DESIGN.md adalah dokumen sistem desain berbentuk teks biasa yang dibaca agen coding AI untuk menghasilkan UI yang konsisten. File ini adalah pasangan desain dari AGENTS.md: manusia dan agen sama-sama bisa membacanya, mengeditnya, dan menerapkannya. Di dalamnya ada dua lapisan. Front matter YAML menyimpan token desain yang bisa dibaca mesin, seperti warna, tipografi, dan spacing. Isi markdown-nya menjelaskan alasan di balik desain tersebut.

DESIGN.md biasanya berisi delapan bagian kanonis secara berurutan: Overview, Colors, Typography, Layout, Elevation and Depth, Shapes, Components, dan Do's and Don'ts. Front matter YAML menyimpan nilai token yang persis. Isi markdown-nya menjelaskan bagaimana dan mengapa token itu diterapkan. Bagian yang tidak relevan boleh dihilangkan, dan bagian tambahan khusus domain boleh ditambahkan.

Tempel URL website publik apa pun ke Design Extractor lalu klik ekstrak. Daftar, beli paket kredit, dan setiap ekstraksi memakai beberapa kredit. Hasilnya adalah DESIGN.md yang bisa Anda salin. Taruh DESIGN.md di repo Anda, dan agen AI Anda membacanya sebagai acuan gaya untuk Claude, Cursor, Copilot, atau Stitch.

Alat coding AI apa pun yang membaca file markdown dari direktori proyek Anda bisa memakai DESIGN.md. Termasuk Claude Code, Cursor, GitHub Copilot, dan asisten coding lain yang punya akses file. Taruh DESIGN.md di root proyek atau folder docs, lalu sebutkan file itu di prompt Anda.

Website apa pun yang bisa diakses publik. Design Extractor menganalisis halaman live seperti yang dirender di browser. Bisa untuk situs statis, SPAs, dan halaman yang dirender di server. Situs harus bisa dijangkau lewat URL HTTP/HTTPS standar.

Beberapa situs, seperti portal pemerintah dan toko lokal, hanya bisa dibuka oleh pengunjung dari negara tertentu. Jika ekstraksi gagal karena situs menolak kunjungan, halaman hasil akan memberi tahu hal itu dan menyarankan negara tempat situs tersebut bisa dimuat. Pilih salah satu, lalu halaman dimuat oleh browser di negara tersebut dan diekstrak seperti biasa. Ekstraksi dari negara lain memakai harga tier ditambah biaya tambahan kecil yang ditampilkan sebelum Anda mulai, dan ekstraksi yang tetap gagal akan dikembalikan kreditnya. Opsi yang sama tersedia di ekstensi Chrome dan lewat server MCP.

Ya. Ekstensi Design Extractor untuk Chrome memakai ulang sesi yang Anda gunakan saat masuk di situs: tidak perlu login terpisah. Popup-nya menampilkan saldo kredit Anda, dan satu klik mengirim halaman di tab aktif Anda ke ekstraksi yang sama seperti formulir di beranda, dalam tier Lite atau Pro, dengan kredit yang sama. DESIGN.md yang sudah jadi terbuka di situs dan muncul di Ekstraksi saya. Di versi pertama ini halamannya harus publik: server yang mengambil halaman tersebut, jadi halaman di balik login, di localhost, atau di jaringan privat belum didukung. Edit dan unduh tetap dilakukan di situs.

Ya. Design Extractor juga merupakan server MCP. Di claude.ai, Claude Desktop, atau ChatGPT, tambahkan URL server sebagai connector lalu masuk dengan akun Anda; di Claude Code, Codex, Cursor, atau Agent SDK, hubungkan dengan satu perintah (halaman dokumentasi berisi blok untuk masing-masing, dengan API key dari halaman akun Anda jika klien membutuhkannya), lalu minta agen mengekstrak sebuah situs. Agen memulai ekstraksi, mengecek kembali setelah sekitar satu menit, dan mendapatkan teks DESIGN.md untuk disimpan ke repo Anda, dengan kredit yang sama seperti di situs. Claude Code dan Codex juga bisa memasangnya sebagai plugin, yang menambahkan skill untuk menerapkan DESIGN.md ke codebase.