59 Prototype.
Interactive product mockups — dashboards, apps, landing pages, internal tools. Anything you’d hand a stakeholder and click through.
Jenis artefak
Adegan
- 001
Posting Blog Artikel panjang / posting blog — dengan masthead, placeholder gambar hero, isi artikel dengan gambar dan kutipan unggulan, byline penulis, postingan terkait. Gunakan saat brief meminta 'blog', 'artikel', 'post', 'esai', atau 'studi kasus'. - 002
Laporan kasus klinis Presentasi kasus medis terstruktur untuk ronde, konferensi, dan dokumentasi. Menghasilkan laporan format SOAP atau naratif dengan tanda vital yang akurat secara fisiologis, hasil lab, dan rencana berbasis bukti. - 003
Peta kemampuan interaktif Codex Ubah artikel panjang, thread, memo, atau deskripsi produk menjadi peta kemampuan yang dapat diklik bergaya Codex dengan loop workflow, matriks use-case, dan panel detail responsif. - 004
Critique Menjalankan tinjauan desain ahli 5 dimensi pada artefak HTML apa pun dalam proyek — Filosofi/Hierarki visual/Detail/Fungsionalitas/Inovasi, masing-masing dinilai 0-10. Menghasilkan laporan HTML mandiri dengan diagram radar, skor berbasis bukti, dan tiga daftar: Pertahankan/Perbaiki/Perbaikan cepat. - 005
Dashboard Dashboard admin/analitik dalam satu file HTML. Sidebar kiri tetap, bar atas dengan pengguna/pencarian, grid utama kartu KPI dan grafik. Gunakan untuk layar 'dashboard', 'admin', 'analytics', atau 'panel kontrol'. - 006
Laporan Visualisasi Data Mengubah data CSV, Excel, atau JSON menjadi halaman laporan visual yang rapi. - 007
Dating Web Dashboard kencan/perjodohan berorientasi konsumen dengan navigasi rel kiri, ticker bar sinyal komunitas, KPI utama, grafik batang kecocokan mutual 30 hari, dan blok tren tingkat kecocokan. Tipografi editorial dengan aksen terkendali. Cocok untuk situs kencan, perjodohan, dashboard komunitas, atau dashboard jejaring sosial. - 008
Valuasi DCF Valuasi arus kas terdiskon dan analisis nilai intrinsik untuk perusahaan publik. Untuk DCF, nilai wajar, nilai intrinsik, target harga, dan analisis undervalued atau overvalued. - 009
Tampilan 3D perangkat Tampilan statis iPhone dan MacBook bergaya 3D dengan HTML asli tertanam di layar, refraksi lensa kaca, dan komposisi meja putar 360 derajat. - 010
Panduan digital Pratinjau panduan digital dua halaman — halaman 1 adalah sampul (judul, penulis, statistik 'Apa isinya', teaser daftar isi); halaman 2 adalah spread (isi pelajaran dengan kutipan dan daftar langkah). Nada lifestyle / brand kreator. Gunakan saat brief meminta 'e-guide', 'digital guide', 'lookbook', 'lead magnet', 'creator guide', 'playbook', 'PDF guide', atau '电子指南'. - 011
Halaman Dokumentasi Halaman dokumentasi dengan navigasi samping, isi artikel yang dapat digulir, dan daftar isi. Gunakan saat brief menyebutkan 'dokumentasi', 'panduan', 'referensi API', atau 'tutorial'. - 012
Email Marketing Template email peluncuran produk dengan masthead, gambar hero, judul miring, teks utama, tombol CTA utama, dan grid spesifikasi dalam tata letak HTML kolom tunggal terpusat. - 013
Runbook teknik Runbook teknik — ringkasan layanan, tabel alert, tautan dashboard, prosedur umum dengan perintah yang dapat disalin, rotasi on-call, dan checklist respons insiden. Gunakan untuk runbook, dokumen ops, panduan on-call, dokumen SRE, atau 运维手册. - 014
Laporan keuangan Laporan keuangan triwulanan/bulanan dengan header KPI, grafik pendapatan dan pengeluaran, tabel ringkasan P&L, sorotan utama, dan paragraf prospek. Gunakan saat brief menyebutkan 'laporan keuangan', 'laporan Q3', 'tinjauan MRR', 'P&L', atau '财报'. - 015
Template dasbor langsung Flowai Dasbor manajemen tim dengan estetika FlowAI mencakup tiga tab (Anggota Tim, Detail Tim, Log Aktivitas), baris statistik KPI, tabel anggota, grafik batang distribusi peran, sparkline kehadiran online dan aktivitas, serta panel kontributor teratas. Mendukung tema terang/gelap, tooltip grafik, zoom, dan ekspor CSV. - 016
Aplikasi gamifikasi Prototipe aplikasi seluler gamifikasi tiga layar: sampul, quest hari ini dengan pita XP dan bilah level, detail quest. Cocok untuk aplikasi gamifikasi, pelacak kebiasaan, aplikasi kehidupan RPG, aplikasi level-up, quest harian, dan aplikasi XP/streak. - 017
Dasbor GitHub Dasbor analitik repositori GitHub — bintang, fork, kontributor, issues, pull request, aktivitas terbaru, dan kontributor teratas. Gunakan untuk dasbor repositori GitHub, laporan pertumbuhan open-source, halaman kesehatan repositori, atau tampilan analitik GitHub. - 018
Onboarding HR Rencana onboarding karyawan baru dalam satu halaman — jadwal minggu pertama, perkenalan buddy + manajer, jalur pembelajaran, checklist peralatan, dan hasil 'Anda siap ketika…'. Gunakan saat brief menyebutkan 'onboarding', 'karyawan baru', 'rencana minggu pertama', atau '入职'. - 019
Html Ppt Taste Brutalist Deck HTML 16:9 bergaya tactical-telemetry / terminal CRT. Slide charcoal CRT nonaktif, monospace fosfor putih, aksen merah bahaya, overlay scanline, sintaks ASCII, kepadatan di atas dekorasi. Disuling dari Leonxlnx/taste-skill `brutalist-skill` (mode Tactical Telemetry). - 020
Html Ppt Taste Editorial Presentasi HTML 16:9 bergaya editorial-minimalis. Slide krem hangat, serif untuk judul + grotesque untuk isi, garis tipis, metadata monospace, ruang putih luas, satu aksen. Disuling dari Leonxlnx/taste-skill `minimalist-skill`. - 021
Faktur Halaman faktur yang dapat dicetak — blok pengirim + penerima, tabel item, rincian pajak, total, dan instruksi pembayaran. Gunakan ketika brief menyebutkan 'invoice', 'bill', 'billing statement', atau '发票'. - 022
Kami Landing Menghasilkan dokumen satu halaman berkualitas cetak — kanvas perkamen hangat, aksen biru tinta, serif satu bobot, tanpa italic, tanpa abu-abu dingin. Hasilnya seperti white paper profesional atau studio one-pager, bukan UI aplikasi. Multibahasa by design (EN · zh-CN · ja). Satu file HTML mandiri, tanpa dependensi. - 023
Dokumen perkamen Kami Kanvas perkamen hangat (#f5f4ed), aksen biru tinta monokrom (#1B365D), satu keluarga font serif, dan tipografi tingkat editorial. - 024
Papan Kanban Papan kanban / tugas dengan kolom (To do / In progress / In review / Done), kartu yang dapat diseret, avatar penugasan, swimlanes, dan bilah filter atas. Gunakan ketika brief menyebutkan 'kanban', 'task board', 'sprint board', 'trello', atau '看板'. - 025
30 Hari Terakhir Riset tren komunitas dan sosial selama 30 hari terakhir. Gunakan untuk mengetahui pendapat terkini, sentimen terbaru, reaksi komunitas, bukti sosial, respons peluncuran, pemindaian tren, atau konteks 30 hari terakhir. - 026
Artikel Majalah Tata letak artikel majalah terinspirasi Huashu / huashu-md-html untuk mengubah Markdown atau catatan menjadi esai HTML panjang yang rapi. - 027
Poster Majalah Poster bergaya editorial dengan kertas koran, garis tanggal, judul serif besar dengan coretan dan miring, blok teks 2 kolom, dan 6 bagian bernomor dengan kutipan beranotasi. Cocok untuk poster majalah, tata letak editorial, gaya koran, atau manifesto. - 028
Poster Marketing Poster vertikal atau gambar berbagi gaya Stories dengan dampak visual yang kuat. - 029
Catatan Rapat Halaman catatan rapat — bilah judul dengan peserta, daftar periksa agenda, blok keputusan, tabel item tindakan dengan pemilik dan tanggal, serta footer untuk rapat berikutnya. Gunakan saat menyebut 'catatan rapat', 'minutes', 'catatan 1:1', 'rekap all-hands', atau '会议纪要'. - 030
Aplikasi mobile Layar aplikasi mobile yang dirender di dalam bingkai iPhone 15 Pro yang akurat hingga piksel di halaman. Dibuat dengan menyalin file seed assets/template.html dan menempelkan satu arketipe layar dari references/layouts.md. Gunakan ketika brief meminta 'aplikasi mobile', 'aplikasi iOS', 'aplikasi Android', 'layar ponsel', atau 'UI aplikasi'. - 031
Onboarding seluler Alur onboarding seluler multi-layar yang ditampilkan sebagai tiga bingkai ponsel berdampingan — splash, value-prop, sign-in. Status bar, titik swipe, CTA utama. Gunakan saat brief menyebutkan 'onboarding seluler', 'onboarding iOS', 'pendaftaran ponsel', atau '移动端引导'. - 032
Resume Modern Resume modern minimalis, satu halaman A4, siap cetak atau ekspor PDF. - 033
Motion Frames Komposisi motion design frame tunggal dengan animasi CSS berulang — cincin teks berputar, globe animasi, timer, label parallax. Render sebagai poster video hero untuk HyperFrames atau eksporter berbasis keyframe. Cocok untuk motion design, hero animasi, loop, poster video, dan kartu judul. - 034
Halaman Landing Open Design Menghasilkan halaman landing editorial satu halaman dengan bahasa visual Atelier Zero (kolase editorial Monocle / Apartamento / Études). Mengisi inputs.json dari brief merek, opsional menghasilkan 16 aset kolase via gpt-image-2, dan mengeluarkan file HTML mandiri dengan animasi scroll dan navigasi tetap. - 035
Orbit Umum Dipicu otomatis oleh Orbit saat dua atau lebih konektor terhubung. Mengumpulkan aktivitas 24 jam terakhir dari semua konektor yang terautentikasi (GitHub, Linear, Notion, Slack, 飞书, Kalender, Gmail, Drive, Sentry, Vercel, dll.) dan membuat dashboard grid bento adaptif di bagian atas "我的设计". Dijalankan otomatis oleh penjadwal ringkasan harian Orbit. - 036
Orbit Github Keterampilan Orbit untuk menghasilkan ringkasan harian otomatis berdasarkan koneksi GitHub. Mengambil PR, permintaan tinjauan, masalah, eksekusi CI, dan penggabungan 24 jam terakhir dan menampilkannya dalam gaya notifikasi asli GitHub. Dipanggil secara otomatis oleh penjadwal ringkasan harian Orbit. - 037
Orbit Gmail Mengekstrak aktivitas kotak masuk 24 jam terakhir dan menghasilkan ringkasan harian ketika Gmail adalah layanan tersambung satu-satunya atau dipilih secara eksplisit. Dipicu otomatis oleh penjadwal Orbit, tidak perlu dijalankan secara manual. - 038
Orbit Linear Dipicu otomatis oleh pipeline Orbit ketika Linear adalah satu-satunya konektor yang terhubung dari pengguna atau ketika pengguna secara eksplisit membatasi digest harian mereka ke Linear. Mengambil 24 jam terakhir pergerakan issue, perubahan status, penugasan, dan progres siklus, lalu merendernya dalam bahasa visual inbox asli Linear. - 039
Orbit Notion Keterampilan briefing Open Orbit — dipilih oleh pipeline Orbit ketika Notion adalah satu-satunya konektor yang terhubung dari pengguna atau ketika pengguna secara eksplisit membatasi digest harian mereka ke Notion. Mengambil pengeditan dokumen, komentar, penyebutan, dan perubahan baris database 24 jam terakhir dari koneksi Notion yang diautentikasi pengguna dan merender digest sebagai halaman Notion asli (elemen callout/toggle/tabel database). Keterampilan ini tidak boleh dipicu secara manual — ini dipanggil oleh penjadwal digest harian Orbit terhadap data Notion langsung. - 040
Spesifikasi produk Spesifikasi produk/PRD satu halaman — masalah, metrik kesuksesan, cakupan, user stories, catatan desain, rencana peluncuran, pertanyaan terbuka. Untuk spesifikasi produk dan brief fitur. - 041
Halaman harga Halaman harga mandiri — header, tingkat paket, tabel perbandingan fitur, dan FAQ. Gunakan saat brief meminta halaman 'harga', 'paket', 'tingkat langganan', atau 'bandingkan paket'. - 042
Kartu Postingan Reddit Kartu postingan Reddit realistis dengan panel voting dan jumlah komentar, cocok untuk overlay video atau berbagi story. - 043
Landing SaaS Halaman landing SaaS satu halaman dengan hero, fitur, bukti sosial, harga, dan CTA. Mengikuti token warna/tipografi/layout aktif dari DESIGN.md. Kata kunci pemicu: "saas landing", "marketing page", "product landing". - 044
Carousel Sosial Carousel media sosial tiga kartu dengan tata letak 1080×1080 persegi – tiga panel sinematik sesuai merek dengan judul tampilan yang terhubung di seluruh seri ('maju.' → 'ke yang berikutnya.' → 'melihat ke depan.'). Setiap kartu memiliki merek, nomor/total, keterangan, dan affordance 'loop'. Gunakan saat brief meminta 'postingan carousel', 'carousel sosial', 'carousel Instagram', 'seri LinkedIn', 'kartu thread X', atau '三连发'. - 045
Dasbor media sosial Dasbor analitik media sosial untuk kreator dalam satu file HTML. Dengan pengalih platform (X / LinkedIn / YouTube / Instagram), kartu KPI (pengikut, tingkat keterlibatan, suka, posting ulang), grafik pertumbuhan pengikut, pratinjau postingan teratas minggu ini, dan panel samping topik trending/komentar teratas. - 046
Kartu Spotify Sedang Diputar Kartu gaya Spotify dengan sampul album, bilah progres, dan kontrol pemutaran, cocok untuk overlay video atau homepage pribadi. - 047
Animasi Sprite Slide penjelasan animasi bergaya pixel art dengan latar krem, tampilan tahun tebal, maskot pixel art (kartu Hanafuda, jamur, atau konsol 8-bit), tipografi Jepang kinetik, dan pita timeline. Animasi CSS murni, siap direkam menjadi video vertikal. - 048
OKR Tim Halaman pelacak OKR dengan banner kuartal, tiga objektif dengan hasil kunci berupa progress bar, avatar pemilik, pill status, dan sidebar 'sekilas kuartal ini'. Gunakan saat brief menyebut OKR, hasil kunci, objektif, atau 目标. - 049
Tweaks Menambahkan panel kontrol langsung ke elemen HTML untuk menyesuaikan warna aksen, skala tipografi, kepadatan, gerakan, dan tema. Perubahan langsung diterapkan ke properti kustom CSS dan disimpan di localStorage. - 050
Kartu Berbagi Twitter Kartu kutipan atau data Twitter yang dirancang untuk dipasangkan dengan postingan. - 051
Halaman Daftar Tunggu Landing page pra-peluncuran minimal dengan pengambilan email, logo merek, dan lapisan dekoratif opsional. Membaca warna, tipografi, dan aturan tata letak dari DESIGN.md. Cocok untuk peluncuran produk, pendaftaran beta, program akses awal, dan proyek indie. - 052
Prototipe Web Prototipe web desktop serbaguna. File HTML mandiri yang dibuat dengan menyalin `assets/template.html` dan menempelkan layout dari `references/layouts.md`. Default untuk halaman landing, marketing, dokumentasi, atau SaaS. - 053
Web Prototype Taste Brutalist Prototipe web cetak industri Swiss. Kanvas kertas koran, grotesque hitam monolitik, angka yang meluap viewport, pembagi grid tipis, aksen merah bahaya, dekorasi sintaks ASCII. Disuling dari Leonxlnx/taste-skill `brutalist-skill` (mode cetak industri Swiss). - 054
Web Prototype Taste Editorial Prototipe web editorial-minimalis. Kanvas monokrom hangat, judul serif + bodi grotesque, garis 1px, chip pastel lembut, ruang putih luas, gerakan mikro halus. - 055
Web Prototype Taste Soft Prototipe web soft level Apple. Kanvas perak/krem, kartu bingkai ganda, CTA tombol bersarang, radius squircle besar, animasi spring, dan ambient mesh. Berdasarkan soft-skill dari Leonxlnx/taste-skill dan bagian 4–8. - 056
Sketsa Wireframe Wireframe yang digambar tangan dengan latar kertas kotak-kotak, gaya spidol/pensil, tab ganda, catatan tempel, dan placeholder grafik sketsa. Cocok untuk permintaan wireframe, sketsa, lo-fi, atau papan tulis. - 057
Kartu Postingan X / Twitter Kartu postingan X realistis dengan metrik engagement (suka, repost, tayangan), cocok untuk overlay video atau kartu gambar yang dapat dibagikan. - 058
X Research Riset sentimen publik X/Twitter tentang pasar, perusahaan, produk, atau komunitas. Gunakan untuk memahami opini publik, postingan ahli, atau reaksi sosial terkait saham, sektor, perusahaan, produk, atau peristiwa pasar. - 059
Kartu Xiaohongshu Kartu pengetahuan bergaya Xiaohongshu, disusun sebagai korsel multi-kartu yang dapat digeser.