Slidev: Temalar, Örnekler ve PowerPoint'e Aktarma Yöntemi

Kod yazıyor ve PowerPoint açmamayı tercih ediyorsanız, muhtemelen Slidev ile karşılaşmışsınızdır. Kendini "geliştiriciler için sunum slaytları" olarak tanıtıyor ve tam da öyle: her slaydı Markdown'da yazar, gerektiği yerlere Vue bileşenleri ve kod blokları ekler ve tümünü bir web sayfası olarak sunarsınız — hot reload, sözdizimi vurgulama, sunucu notları ve etkileşimli gömme öğeleri en baştan dahildir. GitHub'da 47,6k yıldız ve MIT lisansıyla, "Markdown'dan nasıl güzel görünen bir sunum yaparım" sorusunun başvurulan yanıtlarından biridir.

Bu rehber, onun dürüst bir haritasıdır. Slidev'in gerçekte ne olduğu, temaların ve örneklerin nasıl bir araya geldiği, PDF ve PowerPoint'e aktarmanın gerçekte nasıl davrandığı (bir püf noktası var), diğer açık kaynak rakiplere karşı nasıl durduğu ve — çoğu yazının atladığı kısım — böyle bir aracın ne zaman doğru seçenek olmaktan çıkıp yerini başka bir şeye bıraktığı. Yapay zekâ ve ajan destekli bir sunum iş akışı için seçeneklerinizi tartıyorsanız, Slidev'in ne olduğunu ve ne olmadığını tam olarak bilmek işe yarar.

Slidev nedir

Slidev tarayıcıda çalışır ve sununuzu bir belge değil, bir proje olarak ele alır. Slaytları tek bir Markdown dosyasında yazar, --- ile birbirinden ayırırsınız ve asıl mesele geliştirici araçlarıdır: yazdıkça hot reload, satır odağı olan birinci sınıf kod vurgulama, LaTeX ve diyagramlar, notlu sunucu modu ve terminalden başlattığınız bir geliştirme sunucusu. Düz Markdown'ın yetmediği yerde, doğrudan bir slayda Vue bileşenleri gömersiniz — böylece bir grafik, canlı bir sayaç ya da kendi etkileşimli aracınız madde işaretlerinizin yanında satır içinde durabilir. Çıktının kendisi bir web uygulaması olduğu için, web'in yapabildiği her şey bir slaytta yaşayabilir.

Ödünleşim doğrudan tanıtımında yazıyor: bu bir geliştirici aracı, grafik arayüz değil. İş akışınız bir kod düzenleyici ve bir geliştirme sunucusudur, sürükleme tutamaçları olan bir tuval değil — Markdown'ı ve web bileşenlerini zaten seven geliştiricilerin ona yönelmesinin nedeni tam olarak budur, kod yazmayan birinin ise geri sekmesinin nedeni de. Ayrıca gerçekten ücretsizdir: hesap yok, filigran yok, dışa aktarma sınırı yok, koltuk başına ücret yok. Markdown ve etrafındaki proje sizindir.

Temalar ve örnekler

Slidev etrafındaki aramaların çoğu aslında her slaydı sıfırdan tasarlamadan onu iyi göstermekle ilgilidir; işte parçaların nasıl bir araya geldiği.

Slidev temaları yerleşik başlangıç noktasıdır ve gerçek bir güçtür. Frontmatter'ınızda tek bir satırla bir tema belirlersiniz (örneğin theme: seriph) ve Slidev onu içeri çeker. Resmi bir tema galerisinin yanı sıra, npm paketleri olarak yayımlanmış sağlam bir topluluk teması kümesi de vardır; temiz editoryal görünümlerden koyu geliştirici konferansı stillerine kadar uzanır. Tema kod olduğundan, "özel bir Slidev teması" kendi düzenleriniz, yazı tipleriniz ve renklerinizle bir tema paketi oluşturmak ya da onu fork'lamak demektir — bir stil sayfasını değiştirmekten daha zahmetli, ama tamamen sürüm denetimine alınabilir.

Slidev örnekleri tek bir doldurmalık galeride değil, belgelerde ve toplulukta yaşar. Resmi site (sli.dev) kendisi Slidev ile inşa edilmiştir, depo başlangıç sunumları içerir ve GitHub, kaynak kodunu okuyup klonlayabileceğiniz gerçek konferans konuşmalarıyla doludur. "slidev examples" arıyorsanız, en değerlileri resmi demolar ve belge kaynağıdır — neredeyse her özelliği yerinde gösterirler. Yeni başlayanlar için püf nokta, herhangi bir kod öncelikli araçtakiyle aynıdır: buradaki bir "örnek", bir arayüz üzerinden doldurduğunuz bir şablon değil, klonlayıp düzenlediğiniz bir depodur.

Slidev'i PowerPoint ve PDF'e aktarma

PDF'e aktarma birinci sınıf, resmi olarak desteklenen bir özelliktir ve iyi çalışır. Slidev'in yerleşik bir slidev export komutu vardır (arka planda Playwright) ve her slaydı temiz, slayt başına bir sayfa olan bir PDF'e dönüştürür — desteklenen yol budur ve PDF tıpkı sununuz gibi görünür. Aynı şekilde PNG görüntülere de aktarabilirsiniz.

Slidev'i PowerPoint'e aktarmak ise beklentilerin yönetilmesi gereken yerdir. Slidev bir .pptx üretebilir, ama sonuç kayıplıdır: her slayt PowerPoint'e düzenlenebilir metin kutuları, şekiller ve düzenler olarak değil, düz bir görüntü olarak gelir. Yani aşağı akışta biri sununuzu PowerPoint'te açıp düzenlemek zorundaysa — bir başlığı yeniden yazmak, bir grafiği yeniden biçimlendirmek, bir maddeyi yeniden akıtmak — Slidev'in .pptx'i bunu ona vermez. Slidev tarayıcıdan sunulmak üzere yapılmıştır ve düzenlenebilir kaynağı .pptx değil, Markdown ve Vue'dur. Başlamadan önce bunu bilmek, bir meslektaşınız "düzenlenebilir PowerPoint'i" istediği gün yaşayacağınız acı bir sürprizi önler.

Slidev vs Marp vs reveal.js

Slidev, slaytları kod olarak yazmanın tek yolu değildir. En yakın iki açık kaynak seçeneği — insanların "Slidev alternatifi" derken kastettikleri — reveal.js ve Marp'tır ve dürüst olmak gerekir: Open Design, doğrudan rekabet etmek yerine tamamen farklı bir katmanda durur.

Araç	Yazım	Düzenlenebilir .pptx	Şablonlama	Lisans
Slidev	Markdown + Vue	Hayır (PPTX/PDF görüntü olarak)	Vue bileşenleri + temalar	MIT
reveal.js	HTML veya Markdown	Hayır (PDF→PPTX kayıplı görüntü)	Temalar = CSS/Sass; topluluk şablonları	MIT
Marp	Yalnızca Markdown	Hayır (PDF/PPTX görüntü olarak)	Markdown temaları (CSS)	MIT
Open Design	Ajanınıza tarif edin	Evet — bir tasarım sistemine dayalı düzenlenebilir çıktı	Birinci taraf sunum şablonları	Apache-2.0

reveal.js daha eski, daha ham kardeştir: HTML'de (ya da Markdown'da) yazar ve geçişleri data öznitelikleriyle bağlarsınız; Slidev'in Markdown kullanım kolaylığını daha alt seviyeli HTML denetimiyle takas edersiniz. Azami özgürlük istiyor ve biçimleme yazmaktan çekinmiyorsanız, reveal.js doğal seçimdir. Marp ters yöne gider — yalnızca Markdown, bilinçli olarak minimal, bileşen yok — bu da slaytlarınız çoğunlukla metinken ve bir çerçeveyi hiç düşünmek istemezken onu en hızlı yol yapar. Slidev ortada durur: hız için önce Markdown, bir slaydın daha fazlasını yapması gerektiğinde ise el altında Vue bileşenleriyle.

Üçü de aynı temel biçime sahip kod öncelikli araçlardır: sunumu yazar, tarayıcıda sunar ve düzenlenebilir PowerPoint çıktısı asıl mesele değildir. Aralarında seçim yapmak çoğunlukla hangi yazım yüzeyini istediğinizle ilgilidir — Markdown artı Vue, ham HTML ya da düz Markdown — birinde olup diğerlerinde olmayan yeteneklerle değil.

Open Design nereye oturur

İşte dürüst sınır. Slidev sizden sunumu yazmanızı ister — her slaydı, Markdown ve Vue ile. Elle yazılmış, sürüm denetimli, canlı bileşenli slaytlar istiyorsanız bu bir avantajdır ve amacınız buysa buradaki hiçbir şey onun yerini tutmaz.

Open Design farklı bir katmandır ve bizim yaptığımız bir üründür, dolayısıyla bunu akılda tutarak okuyun. Zaten kullandığınız kodlama ajanının — Claude Code, Codex veya Cursor — dışında duran, açık kaynak (Apache-2.0), yerel öncelikli, kendi anahtarını getir yaklaşımlı bir Agent-Native Design Workspace'tir. Markdown ve bileşenleri elle yazmak yerine, istediğiniz sunumu tarif edersiniz ve ajan bir tasarım sistemine dayalı düzenlenebilir bir sunum üretir; böylece markaya uygun çıkar ve işlenmiş bir çıktı olarak donup kalmak yerine düzenlenebilir kalır. Open Design ayrıca başlangıç için birinci taraf sunum şablonları da sunar.

İstediğiniz şey Vue bileşenleriyle ve tam denetimle slaytları kod olarak yazmaksa, bu Slidev'in yerini tutmaz — orası Slidev'in kendi sahasıdır ve orada mükemmeldir. Open Design, biçimleme yazmaktansa bir ajana brief vermeyi tercih ettiğiniz, çıktının birçok sunum boyunca bir tasarım sistemine uymasını istediğiniz ve sonunda size ait düzenlenebilir dosyalar istediğiniz durum içindir. Sunum, yazdığınız Markdown'ın ta kendisiyse Slidev'e uzanın; sunum, bir ajanın sizin için ürettiği markaya uygun birçok çıktıdan yalnızca biriyse bir çalışma alanına uzanın.

Sıkça sorulan sorular

Slidev ücretsiz mi? Evet. Slidev, MIT lisansı altında açık kaynaktır — ticari kullanım dâhil ücretsizdir, hesap yok, filigran yok, dışa aktarma sınırı yok. Onu kendi projenizden kendiniz çalıştırırsınız.

Slidev temalarını nasıl kullanırım? Slaydınızın frontmatter'ında bir tema belirleyin (örneğin theme: seriph), Slidev onu kurar ve uygular. Resmi bir galerinin yanı sıra npm'de topluluk temaları vardır. Özel bir tema, kendi düzenleriniz, yazı tipleriniz ve renklerinizle bir tema paketi oluşturmak ya da onu fork'lamak demektir — değiştirdiğiniz bir stil sayfası değil, koddur.

Slidev'i PowerPoint'e aktarabilir miyim? Slidev .pptx'e aktarabilir, ama kayıplı olarak — her slayt düzenlenebilir metin ve şekiller olarak değil, düz bir görüntü olarak düşer. PDF ve PNG'ye aktarma (slidev export ile) temiz, birinci sınıf yoldur. Düzenlenebilir bir PowerPoint'e ihtiyacınız varsa, Slidev doğru kaynak değildir.

Slidev vs Marp vs reveal.js — hangisini kullanmalıyım? Üçü de açık kaynak, kod öncelikli ve MIT lisanslıdır. Markdown artı Vue bileşenleri için (slaytların etkileşimli olması gerektiğinde harika) Slidev'i, ham HTML denetimi için reveal.js'i ve en basit, yalnızca Markdown sunumlar için Marp'ı seçin. Hiçbiri düzenlenebilir PowerPoint çıktısını hedeflemez.

Slidev'i kullanmak için kod yazmayı bilmem gerekir mi? Fiilen, evet. Slidev bir geliştirici aracıdır — sürükle bırak bir arayüzde değil, Markdown, Vue ve bir geliştirme sunucusuyla bir metin düzenleyici ve terminalde çalışırsınız. Bir sunumu sade bir dille tarif etmeyi tercih ediyorsanız, Open Design gibi ajan yerlisi bir çalışma alanının doldurduğu boşluk tam da budur.

Özet

Slidev 47,6k yıldızını hak ediyor: Markdown'dan güzel görünen sunumlar kurmanın ücretsiz, MIT lisanslı, geliştirici öncelikli bir yolu; gerçek temalar, hot reload, canlı Vue bileşenleri ve temiz PDF dışa aktarımıyla. Yalnızca gözünüz açık girin — bu, tıklayarak ilerlediğiniz bir uygulama değil, içinde yazdığınız bir araçtır ve "düzenlenebilir PowerPoint'e aktarma" iyi yaptığı bir şey değildir. Sunumları kod olarak yazmak istiyorsanız, Slidev (ya da reveal.js / Marp) harika bir yuvadır. Bir sunumu tarif edip ajanınızın size ait, düzenlenebilir ve markaya uygun bir sunum üretmesini tercih ediyorsanız, işte orada bir Agent-Native Design Workspace devreyi alır.