
Astryx
Sistem desain terbuka Meta yang bisa dikustomisasi penuh dan siap untuk agen AI — 150+ komponen React 19 + StyleX
Editorial Wawasan AI · Diperbarui 10 November 2026
meta/astryx duduk di peringkat satu tren harian Trendshift 10 November 2026 dengan 19.958 bintang dan 1.521 fork di GitHub. README-nya membuka dengan satu kalimat yang jarang dipakai proyek sekelas ini: sistem desain yang tumbuh di dalam Meta selama delapan tahun dan memakai 13.000+ aplikasi, kini dibuka dengan status 'Currently in Beta' dan dibangun di atas React 19 plus StyleX. Yang membuatnya relevan untuk pembaca yang kerjanya sekarang berdampingan dengan agen AI adalah kalimat keduanya — built for how we build now: by people and the agents working alongside them — dan sebuah CLI yang menulis indeks komponen ke berkas AGENTS.md/CLAUDE.md supaya agen tidak menebak API.
Fitur Highlight
Ringkasan kemampuan utama dari dokumentasi dan README resmi proyek.
- •Klaim README pada hari baca: tumbuh di dalam Meta selama delapan tahun, paling banyak dipakai dan terbesar di perusahaan itu, powering 13,000+ apps; ships 150+ accessible components, brand-level theming, dark mode, template siap pakai, dan satu CLI
- •API GitHub pada 10 November 2026: 19.958 bintang, 1.521 fork, bahasa utama TypeScript, lisensi SPDX MIT, 88 pengikut, dan 678 pada field open_issues_count yang pencarian API pecah menjadi 300 isu terbuka plus 378 pull request terbuka
- •Repositori dibuat 9 Januari 2026 pukul 16.20 UTC dan push terakhir 10 November 2026 pukul 00.00 UTC; kolom homepage berisi http://astryx.atmeta.com, has_discussions true, cabang bawaan main, dan topics kosong di API
- •Rilis terbaru v0.7.11 terbit 7 November 2026 dengan judul 'Astryx v0.7.11' dan catatan bahwa semua paket @astryxdesign/* memakai versi yang sama; API menampilkan 45 rilis, rilis pertama v0.1.1 terbit 26 Juni 2026
- •Komposisi bahasa yang API kembalikan: TypeScript 47.091.193 byte, JavaScript 19.193.238 byte, Swift 897.405 byte, CSS 86.474 byte, Shell 22.419 byte, HTML 16.868 byte, Python 12.792 byte
- •Empat paket publik per README: @astryxdesign/core (komponen, sistem tema, utilitas), @astryxdesign/cli (dokumentasi komponen, template, scaffolding, tema, codemod), @astryxdesign/build (plugin build StyleX), dan @astryxdesign/theme-* dengan tujuh tema siap pakai — neutral, butter, chocolate, matcha, stone, gothic, y2k
- •Cara pasang yang README tulis sebagai paling sederhana: tiga impor CSS berurutan (reset.css, astryx.css, theme.css) plus satu theme provider — tanpa build plugin, tanpa konfigurasi PostCSS atau Babel; prasyaratnya React 19 atau lebih baru
- •Perintah khas untuk agen AI: npx @astryxdesign/cli init menulis indeks komponen ke AGENTS.md/CLAUDE.md; astryx component Button mencetak dokumentasi lengkap; astryx swizzle Button mengeluarkan sumber komponen ke proyek; astryx upgrade --apply menjalankan codemod antarversi
- •Metrik adopsi yang bisa dibaca publik: API unduhan npm mencatat 661.968 unduhan @astryxdesign/core dalam sepekan 2-8 November 2026, dan versi terbaru di registry adalah 0.7.11
- •API kontributor menampilkan 124 kontributor; sepuluh teratas yang API cetak adalah cixzhang (3.527 kontribusi), vjeux (739), josephfarina (658), rubyycheung (334), kentonquatman (173), imdreamrunner (171), ernestt (167), nynexman4464 (149), czarandy (126), dan bhamodi (101), dengan 7.217 commit di cabang bawaan
Skor Rinci
Kelebihan
- +Satu design system open-source berskala industri nyata yang sumbernya benar-benar dibuka dengan lisensi MIT — bukan contoh kecil atau kit template; README menyebut 13.000+ aplikasi internal sebagai tempatnya matang lebih dulu
- +Lantai pemasangannya rendah: prasyarat hanya React 19 dan tiga baris impor CSS, tanpa build plugin, tanpa PostCSS atau Babel, sehingga bisa masuk ke proyek Next.js, Vite, atau CDN tanpa mengubah pipeline
- +Tidak ada kunci-gaya pada lapisan tampilan: StyleX dipakai untuk menulis gaya tetapi tidak bocor ke pemakai, dan README secara eksplisit mengizinkan override lewat className dengan Tailwind, CSS modules, atau CSS biasa
- +Kustomisasi lewat tema, bukan lewat forking: tema dijelaskan README sebagai set override CSS custom property, dan astryx swizzle menyediakan jalan keluar ketika memang perlu memegang sumber komponen
- +Ini sistem yang dirancang untuk dipakai orang dan agen dari acuan yang sama — CLI mencetak dokumentasi komponen, token, dan manifest JSON, sehingga agen coding membaca referensi resmi alih-alih menebak nama prop
- +Momentumnya terukur, bukan hanya viral: 45 rilis sejak 26 Juni 2026 dengan rilis terbaru 7 November 2026, push terakhir pada hari pembacaan, 124 kontributor, dan ritme upgrade codemod yang tersedia lewat CLI
Kekurangan
- −Masih berstatus Beta seperti yang README cetak sendiri di baris judul: Currently in Beta — dan README tidak mencetak tanggal keluar dari Beta, jadi setiap klaim stabilitas API harus dibaca sebagai janji yang masih diuji
- −678 isu dan pull request terbuka pada 10 November 2026 (300 isu dan 378 PR) adalah antrean yang besar untuk proyek yang berumur sepuluh bulan, dan README menulis PRs welcome — artinya sebagian antrean itu adalah menunggu review
- −Konsentrasi pemeliharaan tinggi: API kontributor mencetak 3.527 kontribusi untuk cixzhang dan 739 untuk vjeux, di atas 7.217 commit cabang bawaan yang header pagination API hitung — dua ukuran yang tidak identik, tetapi keduanya menunjukkan satu nama yang mendominasi
- −Tergunci pada React 19: react dan react-dom >= 19.0.0 adalah peer dependency, jadi aplikasi yang masih di React 18 tidak bisa ikut tanpa menaikkan versi lebih dulu — sebuah biaya migrasi yang nyata untuk tim dengan basis kode lama
- −Sebagian paket belum stabil: README menulis @astryxdesign/lab tidak dipublikasikan ke npm, sementara @astryxdesign/vega dan @astryxdesign/charts hanya terbit di dist-tag @canary dan belum ada rilis stabil
- −Nama paketnya punya jebakan yang README tulis sendiri: astryx tanpa scope menunjuk ke paket npm yang tidak berkaitan sampai @astryxdesign/cli menjadi dependensi, jadi perintah yang ditulis agen bisa salah alamat
- −Wawasan AI tidak memasang paket ini, tidak menjalankan satu perintah CLI pun, dan tidak merender satu komponen pun hari ini — seluruh klaim fitur dan angka di atas berasal dari README, dokumentasi proyek, halaman rilis, dan API pada tanggal baca
Ulasan Lengkap
Pada 10 November 2026 Trendshift menempatkan meta/astryx di peringkat satu tren harian, dan berkas snapshot 9 November 2026 yang tersimpan di repositori ini juga mencatat meta/astryx di peringkat satu, jadi hari ini adalah hari kedua repositori itu berada di puncak daftar yang sama menurut berkas yang ada di repo ini. API GitHub yang dibaca pada hari yang sama mencatat 19.958 bintang, 1.521 fork, bahasa utama TypeScript, lisensi SPDX MIT, 88 pengikut, dan 678 pada field open_issues_count; seperti biasa field itu menghitung isu dan pull request terbuka dalam satu kolom, dan pencarian API memecahnya menjadi 300 isu terbuka plus 378 pull request terbuka. Deskripsi repositori yang API cetak berbunyi An open source design system that's fully customizable and agent ready, kolom homepage berisi http://astryx.atmeta.com, has_discussions true, cabang bawaan main, dan topics kosong. Repositori dibuat 9 Januari 2026 pukul 16.20 UTC dan push terakhir 10 November 2026 pukul 00.00 UTC, jadi umurnya sepuluh bulan pada hari baca. Rilis terbaru v0.7.11 terbit 7 November 2026 pukul 15.00 UTC dengan judul Astryx v0.7.11; API menampilkan 45 rilis dengan yang pertama v0.1.1 pada 26 Juni 2026. Komposisi bahasa yang API kembalikan didominasi TypeScript 47.091.193 byte dan JavaScript 19.193.238 byte, diikuti Swift 897.405 byte, CSS 86.474 byte, Shell 22.419 byte, HTML 16.868 byte, dan Python 12.792 byte. API kontributor mengembalikan 124 nama, sepuluh teratasnya cixzhang 3.527 kontribusi, vjeux 739, josephfarina 658, rubyycheung 334, kentonquatman 173, imdreamrunner 171, ernestt 167, nynexman4464 149, czarandy 126, dan bhamodi 101, di atas 7.217 commit cabang bawaan. Wawasan AI tidak memasang paket ini dan tidak menjalankan satu perintah CLI pun hari ini.
Yang proyek klaim tentang dirinya tertulis padat di README. Bukaannya menyebut Astryx sebagai an open source design system that grew inside Meta over the last eight years, where it became the most-used and largest design system in the company — powering 13,000+ apps and shaped by the engineers, designers, and product teams who depend on it every day, lalu menyatakan isinya: 150+ accessible components, brand-level theming, dark mode, ready-to-ship templates, and a CLI as one cohesive system, dipakai lewat impor CSS pra-cetak dan komponen React bertipe tanpa build plugin atau pustaka gaya yang harus diadopsi. Empat pembeda yang proyek tulis sendiri adalah internals yang terbuka dan bisa di-komposisi pada level apa pun dengan swizzle untuk mengeluarkan sumber komponen ke proyek, tidak ada kunci-gaya karena StyleX tidak bocor ke pemakai dan override boleh lewat className dengan Tailwind, CSS modules, atau CSS biasa, kustomisasi lewat tema yang README definisikan sebagai sekumpulan override CSS custom property sehingga desainer tidak perlu memfork, dan yang keempat built for people and agents — API, dokumentasi, dan CLI dirancang bersama supaya orang dan asisten AI membangun dengan cara yang sama dari acuan yang sama. Ada empat prinsip yang README sebut sebagai janji: guidance over enforcement, strong documented conventions, one system for humans and AI, dan earned by measurement — yang terakhir mereka tulis sebagai komitmen menguji konvensi, bukan mengasumsikannya. Semua angka 150+ komponen, 13.000+ aplikasi, dan tujuh tema itu klaim proyek pada hari baca; tidak satu pun editorial verifikasi dengan merender komponen.
Sisi yang paling relevan untuk pembaca yang kerjanya kini bersama agen adalah bentuk alatnya. README membagi pekerjaan menjadi empat paket publik: @astryxdesign/core untuk komponen, sistem tema, dan utilitas; @astryxdesign/cli untuk dokumentasi komponen, template, scaffolding, tema, dan codemod; @astryxdesign/build untuk plugin build StyleX; dan @astryxdesign/theme-* dengan tujuh tema siap pakai yang README daftar sebagai neutral, butter, chocolate, matcha, stone, gothic, dan y2k. Cara pasang paling sederhana yang README tulis adalah tiga baris impor CSS berurutan — reset.css lalu astryx.css lalu theme.css, dengan urutan yang memetakan ke lapisan kaskade — plus membungkus aplikasi dengan satu theme provider, tanpa build plugin, tanpa PostCSS, tanpa Babel; prasyaratnya React 19 atau lebih baru karena react dan react-dom >= 19.0.0 adalah peer dependency, dan registry npm pada hari baca memang mencetak prasyarat itu bersama @stylexjs/stylex ^0.19.0. Untuk agen, README menyebut satu perintah satu kali: npx @astryxdesign/cli init menulis indeks komponen Astryx ke AGENTS.md atau CLAUDE.md sehingga agen menemukan komponen, template, dan design token alih-alih menebak; sisanya perintah harian seperti astryx component Button untuk dokumentasi lengkap, astryx template dashboard untuk mengeluarkan sumber satu halaman penuh, astryx swizzle Button untuk eject, dan astryx upgrade --apply untuk migrasi antarversi lewat codemod. README juga menulis dua peringatan yang jarang proyek tulis sendiri. Pertama, bahwa memakai nama tanpa scope lewat npx sebelum CLI dipasang salah alamat: astryx tanpa scope menunjuk ke paket npm yang tidak berkaitan, jadi yang benar adalah nama ber-scoped @astryxdesign/cli. Kedua, README menyarankan menambahkan skrip astryx di package.json yang menunjuk ke berkas bin di node_modules, dengan alasan eksplisit that this avoids path errors when AI assistants or new developers invoke the CLI directly — sebuah pengakuan tertulis bahwa cara agen memanggil perkakas adalah bagian dari desain, bukan detail pemakaian. Metrik adopsi yang bisa dibaca publik pada hari baca: API unduhan npm mencatat 661.968 unduhan @astryxdesign/core untuk pekan 2-8 November 2026, dan versi terbaru di registry adalah 0.7.11.
Untuk pembaca Indonesia, repositori ini menarik dari dua sisi yang tidak selalu sama kuat. Sisi pertama adalah lantai masuknya yang rendah: tim yang sudah memakai React 19 di proyek Next.js atau Vite bisa mencoba sistem desain berskala industri hanya dengan tiga impor CSS dan satu provider, tanpa mengubah pipeline build — dan untuk tim kecil di UMKM atau unit digital instansi yang tidak punya desainer penuh waktu, tujuh tema siap pakai plus template halaman penuh (dashboard, settings, form, detail) adalah jalan pintas yang masuk akal untuk terlihat rapi. Sisi kedua adalah pola yang lebih besar dari produknya: proyek ini memperlakukan agen AI sebagai pemakai pertama, bukan tambahan, dengan CLI yang mencetak dokumentasi ke dalam berkas konteks agen dan konvensi yang diuji, bukan sekadar diumumkan — pola yang bisa ditiru siapa pun yang membangun perkakas internal agar bisa dipakai coding agent. Yang harus dihitung sebelum memasang: status Beta yang README cetak sendiri, 378 pull request dan 300 isu terbuka pada hari baca, konsentrasi 3.527 commit dari satu kontributor di antara 7.217 commit cabang bawaan, kunci versi pada React 19 yang berarti proyek React 18 harus bermigrasi lebih dulu, dan catatan README bahwa @astryxdesign/lab tidak dipublikasikan sementara paket charts dan vega hanya terbit di dist-tag @canary tanpa rilis stabil. Perlu jujur juga soal kemiripan yang tidak boleh disamakan: repositori ini adalah sistem desain dan perkakas frontend, bukan model bahasa dan bukan layanan AI — kedekatannya dengan 'AI' hanya pada klaim agent ready dan pada fakta bahwa agen coding ikut memakai CLI-nya. Di snapshot 10 November, astryx peringkat satu berdampingan dengan sherlock peringkat dua yang narasi rubrik Repositori situs ini terbitkan kemarin, Minireel/HGhub peringkat tiga, anefzaoui/misterdownloadmanager peringkat empat, NotRexed/Hookshot peringkat lima yang deskripsinya kosong di snapshot, janestreet/agent_skills peringkat enam, jhaizhou-ops/S2Arm peringkat tujuh yang memindahkan gim Switch ke iPhone dan iPad, anthropics/skills peringkat delapan, amosblomqvist/learnharness peringkat sembilan, dan h4ckf0r0day/obscura peringkat sepuluh yang rubrik Tools situs ini ulas hari ini; kelimanya topik berbeda — sistem desain, OSINT, klien pihak ketiga, manajer unduhan, emulasi, Berkas keterampilan agen, dan peramban tanpa antarmuka — dan peringkat GitHub hari ini tidak mengukur hal yang sama. Peringkat hari ini juga tidak editorial samakan dengan laporan RUU Hak Cipta yang ANTARA turunkan Selasa 10 November 2026 pukul 01.30 WIB: yang satu adalah perkakas kode, yang lain rancangan payung hukum perlindungan karya.
Verdict
Sistem desain yang paling serius di kelasnya untuk tim React 19 yang ingin berhenti merakit ulang tombol dan tabel, dan yang pertama benar-benar dirancang agar manusia dan agen coding membangun dari acuan yang sama — itu bagian yang paling layak dicatat. Tetapi Beta tetap Beta: 378 pull request terbuka, satu orang memegang hampir separuh commit, dan sebagian paket belum punya rilis stabil. Untuk prototipe, dashboard internal, dan eksperimen agen, fondasi 150+ komponen dengan tema berbasis CSS custom property plus CLI yang mengisi AGENTS.md adalah tawaran yang sulit ditandingi; untuk aplikasi publik yang tidak boleh berubah bentuknya tanpa direncanakan, tunggu sampai versi 0.8 atau naik ke atasnya dan kunci versimu.
Bacaan Terkait
Latitude LLM
Platform observasi LLM open-source yang bikin AI agent kamu bisa memperbaiki dirinya sendiri
★ 8.8RepoCopilotKit
Stack frontend native agent untuk React & Generative UI dengan protokol AG-UI terbuka
★ 8.7RepoTDD Guard
Penjaga TDD otomatis untuk Claude Code, atau bagaimana TDD akhirnya disiplin
★ 8.4