Kebanyakan asisten AI coding hebat dalam menulis kode dan biasa saja dalam membuatnya terlihat bagus. Minta deck presentasi, yang kamu dapat biasanya dinding Markdown, atau setumpuk file yang masih harus kamu rakit sendiri. HTML Anything memakai pendekatan berbeda: ia memberi agen AI lokalmu pustaka skill desain, lalu membiarkannya menghasilkan HTML jadi dalam satu file yang bisa kamu pratinjau dengan aman dan kirim dengan satu klik.
Tonton sinyal repo 30 detiknya: Tonton sinyal repo 30 detik.
Poin Utama
HTML Anything adalah "editor HTML agentik" open source: agen AI lokalmu menulis HTML, kamu yang mengirimnya, dengan 9.293 bintang GitHub dan 888 fork per 29 Oktober 2026, di bawah lisensi Apache-2.0.
Ia membawa 75 template skill di 9 permukaan, termasuk majalah, deck, resume, poster, kartu Xiaohongshu, kartu tweet, prototipe web, laporan data, dan video Hyperframes.
Ia tidak butuh API key baru karena memakai agen CLI yang sudah kamu pakai, seperti Claude Code, Cursor, Codex, Gemini, Copilot, OpenCode, Qwen, atau Aider.
Pratinjau berjalan di iframe sandbox, jadi HTML buatan agen tidak bisa menyentuh file atau jaringanmu selagi kamu meninjaunya.
Catatan jujurnya adalah cakupan ekspor: WeChat, X, Xiaohongshu, dan Zhihu adalah target utama, sementara LinkedIn, Threads, dan Bluesky belum.
Masalahnya: agen menulis kode, bukan desain
Agen AI sudah pandai menghasilkan HTML, CSS, dan JavaScript sesuai permintaan. Hasilnya, sayangnya, sering mentah: halaman tanpa gaya, tipografi tidak konsisten, dan tata letak yang terlihat seperti draf pertama. Desainer mengatasi ini dengan selera dan iterasi, dua hal yang jarang dipenuhi oleh satu prompt polos.
HTML Anything menyelesaikan masalah selera dengan skill. Dalam model Agent Skills yang didokumentasikan oleh Anthropic, skill adalah file SKILL.md yang menambahkan seikat instruksi ke perangkat agen. HTML Anything mengemas 75 paket seperti itu, masing-masing mengajari agen cara membangun satu jenis artefak: deck bergaya keynote, halaman majalah, kartu sosial, laporan data. Agen tidak perlu menciptakan sistem desain dari nol, ia mengikuti template yang sudah tahu spasi, tipografi, dan strukturnya.
Proyek ini ada di nexu-io/html-anything di GitHub, yang README-nya merangkum pitch dalam satu kalimat: "The agentic HTML editor, your local AI agent writes the HTML, you ship it."
Apa yang bisa kamu buat dengannya
Sembilan permukaan itu mencakup artefak yang memang sering diminta orang ke agen: deck untuk presentasi, poster untuk acara, resume yang terlihat dirancang bukan sekadar diketik, kartu Xiaohongshu atau tweet untuk sosial, prototipe web yang bisa diklik, laporan data dengan grafik, dan video Hyperframes, yaitu loop HTML animasi seperti animasi mockup ponsel.
Memulainya sengaja dibuat membosankan, dalam artian yang bagus. Instal CLI dengan `npm install -g @nexu-io/html-anything`, lalu buat kerangka permukaan dengan perintah seperti `hta init xhs-card` untuk kartu Xiaohongshu atau `hta init hf-iphone-device` untuk bingkai ponsel animasi. Agenmu lalu mengisi kontennya, mengikuti aturan desain dari skill, dan kamu melihat hasilnya di pratinjau langsung.
Pratinjau itu adalah fitur yang membuat semuanya bisa dipercaya. HTML buatan agen bisa berisi skrip, dan menjalankan skrip tak dikenal di mesinmu adalah ide buruk. HTML Anything merender pratinjau di dalam iframe sandbox, jadi halaman bisa menjalankan animasinya tetapi tidak bisa menjangkau file atau jaringanmu. Kamu meninjau desain dulu, lalu mengekspor, tidak pernah sebaliknya.
Kenapa tanpa API key itu penting
Kebanyakan tool desain AI meminta langganan lain, key lain, akun lain. HTML Anything tidak meminta semua itu. Ia terhubung ke agen CLI yang sudah kamu login, entah itu Claude Code, Cursor, Codex, Gemini CLI, Copilot CLI, OpenCode, Qwen, atau Aider, dan meminjam sesi tersebut. Tidak ada tagihan model baru dan tidak ada kredensial yang bisa bocor, dan itulah kenapa tool ini cocok dengan alur kerja local-first.
Halaman produk resminya di open-design.ai menyebut kesepakatan yang sama: 75 template skill, 9 mode permukaan, 8 agen CLI coding yang didukung, dan lisensi Apache-2.0. Perlu dicatat juga bahwa proyek ini berasal dari tim yang sama di balik Open Design, jadi template desainnya bukan sekadar pelengkap, melainkan produknya sendiri.
Ekspor: dari pratinjau ke terbit dalam satu klik
Desain yang terjebak di panel pratinjau bukanlah pekerjaan yang selesai. HTML Anything mengekspor ke file HTML mandiri, gambar PNG 2x, dan langsung ke permukaan publikasi: artikel WeChat MP, postingan X dan Weibo, kartu Xiaohongshu, dan jawaban Zhihu. Bagi kreator yang terbit di platform tersebut, alur dari prompt ke postingan sungguh singkat: prompt, pratinjau, ekspor, terbit.
Daftar ekspor itu juga memperlihatkan batasnya saat ini. LinkedIn, Threads, dan Bluesky belum menjadi target ekspor utama, jadi kalau itu kanal utamamu, kamu akan mengekspor gambar atau file HTML lalu mempostingnya manual. Tim proyeknya sendiri juga mencatat fitur Critique Theater yang belum ada, sebuah mode peninjauan yang ada di proyek saudaranya, jadi untuk sekarang langkah kritiknya adalah kamu sendiri, yang melihat pratinjaunya.
Siapa yang cocok memakai HTML Anything, dan siapa yang sebaiknya tidak
HTML Anything cocok untuk developer dan kreator yang sudah bekerja dengan agen CLI dan sering butuh artefak yang dirancang: deck, kartu sosial, poster, prototipe, dan laporan. Ia sangat cocok kalau kamu terbit di WeChat, Xiaohongshu, X, atau Zhihu, atau kalau kamu ingin HTML yang rapi tanpa menyerahkan kontenmu ke tool desain cloud.
Ia kurang cocok untuk yang menginginkan editor drag-and-drop, atau yang mengharapkan desain jadi dari satu prompt samar tanpa peninjauan. Tool ini tetap membutuhkan matamu pada pratinjau, dan template skill memberi hasil jauh lebih baik untuk prompt yang spesifik: beri tahu agen audiensnya, pesannya, dan permukaannya, dan ia akan bekerja jauh lebih baik daripada sekadar "buatkan yang bagus."
Untuk gambaran yang lebih luas tentang kenapa model open source memungkinkan tool seperti ini, baca What Is Open Source? What Open Source Means, in Plain English.
Baca artikel ini dalam Bahasa Inggris: Read this article in English.
FAQ
Apa itu HTML Anything?
HTML Anything adalah editor HTML agentik open source. Ia memberi agen AI coding lokalmu 75 template skill di 9 permukaan, sehingga agen bisa menghasilkan artefak HTML yang dirancang seperti deck, poster, kartu sosial, prototipe, dan laporan data, yang kamu pratinjau di sandbox dan ekspor dengan satu klik.
Agen AI apa saja yang didukung?
Ia memakai agen CLI yang sudah kamu pakai, termasuk Claude Code, Cursor, Codex, Gemini, Copilot, OpenCode, Qwen, dan Aider. Ia tidak butuh API key baru karena meminjam sesi CLI yang sudah kamu login.
Apakah HTML Anything gratis?
Ya. Ia open source di bawah lisensi Apache-2.0. Kamu bisa menginstalnya, memakai semua 75 template skill, dan mengekspor karyamu tanpa membayar, dan kodenya publik di GitHub.
Bagaimana cara kerja pratinjau sandbox?
Pratinjau dirender di dalam iframe sandbox, jadi HTML buatan agen bisa menjalankan animasinya tetapi tidak bisa mengakses file atau jaringanmu. Kamu meninjau desain dengan aman sebelum mengekspor apa pun.
Ke mana saja saya bisa mengekspor?
Kamu bisa mengekspor file HTML mandiri, gambar PNG 2x, dan langsung ke WeChat MP, X, Weibo, Xiaohongshu, dan Zhihu. LinkedIn, Threads, dan Bluesky belum menjadi target ekspor utama.
Siapa pembuat HTML Anything?
Ia dibuat oleh nexu-io, tim yang sama di balik Open Design, dan diterbitkan sebagai proyek open source di GitHub, yang per 29 Oktober 2026 memiliki 9.293 bintang dan 888 fork.