Kategori Desain · Inteligensi Apache-2.0 · Dibuat di Bumi
Bintang · 62.2KUnduh
ID
Open Source Claude Design

Template.

Artefak buatan agen yang bisa Anda fork dan deploy — prototipe, slide, dan template gambar serta video. Jalankan di kunci pribadi Anda dengan agen lokal; prompt, poster, dan contoh HTML semuanya di bawah Apache-2.0.

Total · 254
Jenis artefak
Pratinjau AeroCore — Cinematic Aerospace Engine Landing prototipe
@eli Open Design
Baca prompt lengkap →

AeroCore — Cinematic Aerospace Engine Landing

Premium scroll-cinematic aerospace propulsion marketing site: a blue-to-warm-white gradient hero with parallax wordmark and engine still, a mission thumbnail that grows into a fullscreen sticky video, a pinned tabbed showcase, a bento capabilities grid with looping video cards and a tool marquee, an animated dark stats chart, a horizontal video-story rail, and a starfield footer.
Gunakan template ini
Pratinjau Tangkapan Layar Game - ARPG Three Kingdoms: Panahan Lü Bu di Yuanmen gambar
@open-design-contributors Open Design
Baca prompt lengkap →

Tangkapan Layar Game - ARPG Three Kingdoms: Panahan Lü Bu di Yuanmen

Tangkapan layar action-RPG dari adegan terkenal Three Kingdoms di mana Lü Bu memanah tombak yang jauh di gerbang kamp untuk menghentikan pertempuran. Gaya sinematik fotorealistis Black Myth: Wukong dengan Unreal Engine 5, kamera gameplay orang ketiga dan HUD lengkap (bar HP dan qi, minimap, hotbar skill, penanda target dengan jarak). Dioptimalkan untuk gpt-image-2 dalam format 16:9.
Gunakan template ini
Pratinjau Html Ppt Navigasi Tombol Minimal presentasi
@open-design Open Design
Baca prompt lengkap →

Html Ppt Navigasi Tombol Minimal

Keynote minimalis 8 halaman dengan navigasi tombol panah — setiap halaman dengan latar belakang monokrom (nila / krem / merah marun / toska / abu-abu / ungu / putih / arang), judul display 160px + garis accent tebal 4px, daftar Mono dengan prefiks →, petunjuk tombol ← → kiri bawah + nomor halaman kanan bawah, ruang putih luas. Cocok untuk keynote, peluncuran, dan presentasi publik yang memiliki banyak hal untuk dikatakan tapi sedikit yang ditampilkan.
Gunakan template ini
Pratinjau Hyperframes video
@open-design Open Design
Baca prompt lengkap →

Hyperframes

Buat komposisi video, animasi, kartu judul, overlay, caption, voice-over, visual reaktif audio, dan transisi adegan di HyperFrames HTML. Mendukung konten video HTML, caption tersinkronisasi audio, narasi text-to-speech, animasi reaktif musik (sinkronisasi beat, cahaya, pulse), penyorotan teks animasi (sapuan marker, lingkaran gambar tangan, garis ledakan, coretan, sketsa) dan transisi adegan (crossfade, wipe, reveal, transisi shader).
Gunakan template ini
Pratinjau Infografis - Rincian Koreografi Tarian Otaku (Gokuraku Jodo, 16 Panel) gambar
@open-design-contributors Open Design
Baca prompt lengkap →

Infografis - Rincian Koreografi Tarian Otaku (Gokuraku Jodo, 16 Panel)

Poster vertikal 2:3 yang terdiri dari grid 4×4 dengan 16 panel persegi, menampilkan rincian koreografi lengkap lagu tarian otaku Jepang terkenal 極楽浄土 (Gokuraku Jodo). Setiap panel menunjukkan gadis idola anime semi-realistis yang sama dalam pose tarian khas, dirancang sebagai lembar referensi pose untuk generasi video AI dengan gpt-image-2, format 2:3.
Gunakan template ini
Pratinjau Open Design Landing Deck presentasi
@open-design Open Design
Baca prompt lengkap →

Open Design Landing Deck

Membuat deck slide file tunggal dalam bahasa visual Atelier Zero (latar belakang kertas hangat, penekanan serif miring, titik akhir karang, pelat kolase surreal). Dengan paginasi geser horizontal gaya majalah (←/→, roda, geser), strip chrome dengan tanda merek dan penghitung slide, grid ikhtisar ESC, progress bar karang, dan mewarisi stylesheet kanonikal + pustaka gambar 16 slot dari skill saudara open-design-landing.
Gunakan template ini
Pratinjau Orbit Notion prototipe
@open-design Open Design
Baca prompt lengkap →

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.
Gunakan template ini
Pratinjau Replit Deck presentasi
@open-design Open Design
Baca prompt lengkap →

Replit Deck

Deck HTML file tunggal geser horizontal bergaya galeri template landing page Replit Slides. Delapan tema berbeda (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – masing-masing sistem visual lengkap (palet + tipografi + aksen) dari replit.com/slides. Pilih satu tema, jangan dicampur. Untuk pitch deck, laporan dewan, memo brand, peluncuran kampanye – ketika pengguna secara eksplisit menginginkan gaya Replit Slides.
Gunakan template ini
Pratinjau Carousel Sosial prototipe
@open-design Open Design
Baca prompt lengkap →

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 '三连发'.
Gunakan template ini
Pratinjau Postingan Media Sosial - Storyboard Tarian Gadis Sensasional (8 Shot) gambar
@open-design-contributors Open Design
Baca prompt lengkap →

Postingan Media Sosial - Storyboard Tarian Gadis Sensasional (8 Shot)

Set prompt storyboard lengkap 8 shot untuk menghasilkan urutan tarian yang koheren. Dioptimalkan untuk model gpt-image-2 dengan token gaya global, prompt negatif yang dapat digunakan ulang, dan delapan prompt per shot (pose pembuka, gerakan pinggul, gelombang tubuh, putaran pinggang, ayunan pinggul samping, kibasan rambut, pose kuat, pose penutup).
Gunakan template ini
video
@open-design-contributors Open Design
Baca prompt lengkap →

Video - Desk Hologram AR on Real Workspace (Seedance 2.0)

A two-phase Seedance 2.0 workflow for the viral desk-hologram format: first lock a photoreal keyframe on a real developer desk (Open Design UI on the monitor, a cobalt-blue extraterrestrial hunter standing on the keyboard), then animate that still into a ~15s 9:16 image-to-video clip. Tuned for believable AR passthrough — medium-strength VFX, real desk clutter, monitor glow spill on the character, and light physical interactions (open mug, keyboard step, bow draw). Inspired by the desk-hologram Seedance 2.0 trend; no copyrighted character names in the prompt.
Gunakan template ini
video
@open-design-contributors Open Design
Baca prompt lengkap →

Video - Three Kingdoms ARPG - Lyu Bu memanah Yuanmen (Seedance 2.0)

Sekuens aksi sinematik ~10 detik dalam engine: Lyu Bu menarik busur panjang berlapis merah dan melepaskan anak panah qi bercahaya emas ke arah tombak halabarda yang jauh. Dioptimalkan untuk Seedance 2.0 dengan kontrol kamera ketat, fisika busur dan panah, animasi angin, debu dan spanduk, serta color grading bergaya screenshot. Melengkapi template gambar yang sesuai.
Gunakan template ini
Pratinjau Video pendek video
@open-design Open Design
Baca prompt lengkap →

Video pendek

Pembuatan video pendek — klip 3-10 detik untuk reveal produk, teaser gerak, dan loop ambient. Standarnya Seedance 2 tapi juga bekerja dengan Kling 3 / 4, Veo 3 atau Sora 2. Output berupa satu file MP4 yang disimpan ke folder proyek. Ketika workspace juga menyediakan skill video interaktif/hyperframes, lebih baik menyusun beberapa shot pendek menjadi satu timeline daripada satu klip panjang yang monolitik.
Gunakan template ini

FAQ

Apa itu template Open Design?

Template plugin bundel yang disertakan dengan Open Design — alternatif open source Claude Design. Masing-masing adalah artefak yang dapat dijalankan: prototipe, deck slide, generator gambar, komposisi video, atau piece motion HyperFrames. Agen lokal Anda menjalankan plugin terhadap prompt-nya dan contoh HTML opsional, dan menghasilkan aset siap bagikan di mesin Anda sendiri.

Bagaimana lisensi template?

Apache-2.0 di semua tempat. Fork prompt, adaptasi example.html, ubah brand token — satu-satunya permintaan adalah Anda menjaga pemberitahuan LICENSE saat didistribusikan ulang.

Bisakah saya menjalankannya dengan kunci API saya sendiri?

Ya. Open Design adalah BYOK di setiap layer — kredensial Claude / OpenAI / local-model Anda tidak pernah meninggalkan mesin Anda. Situs pemasaran tidak mem-proxy inference apa pun; preview langsung yang Anda lihat di baris katalog berasal dari poster dan URL Cloudflare Stream yang disertakan template, bukan dari runtime yang di-host.

Bagaimana cara saya berkontribusi template?

Buka PR terhadap nexu-io/open-design/plugins/_official dengan folder baru berisi open-design.json, SKILL.md, dan example.html yang dapat dijalankan. Panduan kontributor di CONTRIBUTING.md repo berjalan melalui field manifest. Kontribusi yang disetujui mendarat di katalog publik dan muncul di sini secara otomatis pada deploy berikutnya.

Bagaimana perbedaannya dengan Claude Design Studio?

Claude Design Studio adalah produk hosted Anthropic. Open Design adalah alternatif open source Claude Design — setiap template, prompt, dan design system di katalog ini tinggal di repo publik, berjalan lokal terhadap kunci yang Anda pilih, dan dapat diperluas melalui plugin yang siapa pun bisa buat. Kami mencerminkan taksonomi artefak yang sama (prototipe, slide, gambar, video) sehingga model mental terbawa, tetapi semuanya hingga runtime agen tetap di mesin Anda.

Dari mana preview berasal?

Manifest setiap template membawa URL poster (Cloudflare CDN) dan, untuk template video, Cloudflare Stream MP4. Grid me-render poster sebagai thumbnail statis dan menukar video loop saat hover. Template gambar dan prototipe menampilkan poster mereka secara langsung; mengklik membuka example.html yang dapat dijalankan di halaman detail.