guizang-ppt-skillyazan op7418

Guizang PPT Skill Skill.

Claude Code ve Codex için PPT ve slayt desteleri skill'i: dergi veya İsviçre tarzında tek dosya yatay HTML desteler, konuşmacı görünümü ve senkronizasyon.

Presentations
HTML slaytları

OpenDesign İndir Kullanım kılavuzunu görüntüle

op7418/guizang-ppt-skill · SKILL.mdSKILL.md

--- name: guizang-ppt-skill description: 生成横向翻页网页 PPT（单 HTML 文件），含 WebGL 背景、演讲者视图、观众屏同步、讲稿备注、章节幕封、数据大字报、图片网格等模板。提供两种风格：① "电子杂志 × 电子墨水"（衬线 + 流体背景 + 暖色） ② "瑞士国际主义"（无衬线 + 网格点阵 + IKB/柠檬黄/柠檬绿/安全橙高亮）。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到"杂志风 PPT"、"瑞士风 PPT"、"Swiss Style"、"horizontal swipe deck"时使用。 --- ## 这个 Skill 做什么 ## 何时使用 ## 工作流 ## 资源文件导览 ## 核心设计原则（哲学） ## 参考作品

Ön bilgi ve bölüm başlıkları kaynak dosyadan okundu 2026-09-14 · tam hâli 25.146 karakter

01 Ne yapar

guizang-ppt-skill Skill'in Claude Code ve Codex İçinde Yaptığı

Özet, iş akışı ve çıktılar; hepsi skill'in SKILL.md dosyasından okundu.

SKILL.md'den14-09-2026 tarihinde okundu · kayıtlı bir çalıştırma değil

Skill'in Kendi İfadeleriyle

WebGL kahraman arka planları, sunucu görünümü, izleyici-ekran senkronizasyonu, sunum notları, bölüm ayırıcıları, büyük sayı veri sayfaları ve görsel ızgaraları içeren, tek bir bağımsız HTML dosyası olarak yatay kaydırmalı bir web sayfası destesi üretir. Birbirini dışlayan iki görsel yön: A, Elektronik Dergi x E-mürekkep (serif başlıklar, akışkan arka plan, sıcak tonlar) ve B, İsviçre Uluslararası Stili (tümü sans-serif, 12 sütunlu ızgara, ızgara-nokta arka planlar, IKB, limon sarısı, limon yeşili veya güvenlik turuncusundan tek bir yüksek kontrastlı vurgu).

Stil B ana metin sayfaları, data-layout ile etiketlenmiş, kayıtlı 22 düzenden biri olan S01-S22'yi kullanmalıdır. Konuşmalar, lansmanlar ve demo günleri hazırlayan, destenin bir slayt aracına ihtiyaç duymadan tek geçişte tamamlanmasını isteyen tasarımcı ve geliştiriciler için.

Neler üretir

CSS, WebGL shader, sayfalama JS'i ve sunum modu önceden bağlanmış, tek bir bağımsız belge olarak sunulan, yatay sayfa çevirmeli tek dosyalık bir HTML deste.
Slaytların data-slide-id değerleriyle aynı sırada üretilen, amaç, konuşma, geçiş ve isteğe bağlı sahneleme alanlarını tutan bir SPEAKER_NOTES kaydı.
Sonraki yinelemelerin üzerine inşa edebileceği bir şey olsun diye deste ile aynı yere markdown dosyası olarak kaydedilen taslak.

Örnek istemi görün ↗

Nasıl Çalışır

01
Önce Yukarı Akışta Güncelleme Olup Olmadığını Kontrol Edin
Skill, depoyu getirir ve HEAD'in yukarı akıştan ne kadar geride olduğunu sayar, ardından herhangi bir şey çekmeden önce kullanıcıya sorar.
02
Yazmaya Başlamadan Önce Yedi Soruda Anlaşın
Önce Stil A veya B, ardından hedef kitle ve ortam, süre, kaynak materyal, görseller veya ekran görüntüleri, tema paleti ve kesin kısıtlamalar gelir.
03
Seçilen Şablonu Kopyalayın
Stil A için assets/template.html'i veya Stil B için assets/template-swiss.html'i deste konumuna kopyalayın ve yanına images klasörünü oluşturun.
04
Sınıf Adlarını Önceden Kontrol Edin
Herhangi bir slayt markup'ı yazmadan önce şablonun stil bloğunu okuyun ve kullanılan her sınıfın orada tanımlandığını doğrulayın.
05
Düzenleri Seçmeden Önce Tema Ritmini Planlayın
Düzenleri seçmeden önce her sayfanın tema sınıfını (hero dark, hero light, light, dark) yazın ve bunları hizalayın.
06
Kontrol Listesine Göre Kendi Kendinizi Denetleyin
Üretimden sonra references/checklist.md'yi açın ve öğe öğe gözden geçirin, ardından doğrulayıcıları ve tarayıcı önizlemesini çalıştırın.

02 Uyumunuzu bulun

guizang-ppt-skill Skill Ne Zaman Kullanılır

Claude Code veya Codex'te iş bu türden PPT ve slayt desteleri olduğunda guizang-ppt-skill skill'ini kullanın. Uygunluk ve sınırlar aşağıda skill'in kendi dosyasından alınmıştır.

İyi Uyum

Konuşmacının büyük bir ekranda etkileyici bir deste istediği çevrimdışı paylaşım oturumları, kurum içi sektör konuşmaları ve özel salonlar.
Bitmiş, hemen sunulabilir bir deste gerektiren AI ürün lansmanları ve demo günleri.
Ayrı bir sayfalama veya sunum aracı olmadan tek geçişte tamamlanması gereken web slaytları.
Büyük miktarda KPI sayısı, yol haritası ve süreçten oluşturulan, Stil B'nin Data Hero düzeninin doğal olarak uyduğu içerikler.

Sınırları Bilin

Büyük veri tabloları veya üst üste grafikler içeren sayfalar bunun yerine geleneksel bir slayt aracına gönderilir.
Eğitim ders materyalleri, çünkü bu formatın bilgi yoğunluğu çok düşük.
Birden fazla kişinin birlikte düzenlemesi gereken çalışmalar, çünkü çıktı statik HTML.
Kayıtlı 22 düzenin dışında yeni gövde yapıları icat etmek, örneğin P23/P24, Swiss Image Split veya Evidence Grid, kullanıcı açıkça deneysel bir düzen istemediği sürece.

Ne Sağlamalısınız

Bir konu veya kaynak materyalBelgeler, veriler, eski bir sunum veya makale bağlantıları, skill'in gerçek materyal üzerine inşa etmesini sağlar; sadece belirsiz bir fikirle çalışılırsa anlatı-yayı şablonu üzerinden ana hatları oluşturmaya yardımcı olur.
Önce sorulan stil seçimiStil A veya B, hangi şablon, düzen ve tema dosyasının kullanılacağını belirler, bu yüzden zorunlu ilk açıklama sorusudur.
Hedef kitle ve ortamBunun bir iç sektör konuşması, ticari bir lansman, bir demo günü veya özel bir salon olup olmadığı, dil kaydını ve içeriğin derinliğini belirler.
Görseller ve ekran görüntüleri, adlandırma ve teknik özelliklerle birlikteGörseller, index.html ile aynı yerdeki images/ klasörüne konur ve sayfa sırasının okunabilir kalması için sayfa numarası artı anlamsal adlandırma kuralını izler.
Kesin kısıtlarDahil edilmesi gereken belirli veri noktaları gibi zorunlu unsurlar veya asla görünmemesi gereken şeyler, yeniden çalışmayı önlemek için önceden toplanır.

03 Skill'in içinde

guizang-ppt-skill Skill'inin Claude Code ve Codex'e Verdiği Kurallar

SKILL.md'nin ajan için belirlediği 8 somut talimat, varsayılan ve sınır — dosyanın sonucu değiştiren kısmı.

İki Stili Asla Karıştırmayın
Bir sunum yalnızca bir stil kullanır. Aynı sınıf adı iki şablonda tamamen farklı görünür, bu yüzden düzen sınıfları yalnızca kendi eşleşen şablon dosyasında bulunur.
Sabit Tema Paletleri, Özel Hex Yok
themes.md'den seçilen sadece beş özenle ayarlanmış hazır ayara izin verilir ve tek bir sunum boyunca aynı tema kullanılır.
Her Sayfa Kendi Temasını Belirtir
Her bölüm light, dark, hero light veya hero dark'tan birini taşımalıdır; sade bir hero yeterli değildir.
Stil B Sayfaları Bir Layout ID Belirtmelidir
Swiss desteleri kilitli modda çalışır: gövde sayfaları yalnızca 22 kayıtlı düzeni kullanır ve her slayt bölümü data-layout="Sxx" yazar.
Simgeler Lucide'den Gelir, El Çizimi SVG'den Değil
Şekiller çizmek yerine işaretleme artı lucide.createIcons() aracılığıyla köşeli Lucide setini kullanın ve emoji'den kaçının; stil B ayrıca tüm metin etiketlerini SVG dışında tutup HTML gridleri veya altyazılar içinde bulundurur.
Görsel Gridleri Sabit Görüntü Alanı Yüksekliği Kullanır
A stili görsel gridlerinde, layout'u bozan aspect-ratio yerine height:Nvh ayarlayın.
Stil A görsel gridlerinde, düzeni bozan aspect-ratio yerine height:Nvh ayarlayın.
Her bölüm benzersiz, sabit bir data-slide-id alır ve konuşmacı notları kaydı aynı sırada oluşturulur. Notlar dizi indeksine veya sayfa numarasına göre değil, sayfa ID'sine göre saklanır.
Süre Sayfa Sayısını Belirler
On beş dakika yaklaşık 10 sayfaya, otuz dakika yaklaşık 20 sayfaya, kırk beş dakika 25-30 sayfaya karşılık gelir.

04 İşe koyun

Claude Code veya Codex'e guizang-ppt-skill Yükleyin

Bir npx skills add komutu, ardından ajanınızda ilk görev ve sonuç için bir kontrol listesi.

Claude Code, Codex veya Ajanınıza guizang-ppt-skill Ekleyin

Projenizde çalıştırın; kurulum aracı, bunun hangi ajana ekleneceğini sorar.

Terminal

npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

SKILL.md için genel skills CLI formu; depo kendi yolunu belgeleyebilir.

Beceriye İlk PPT ve Slayt Sunumu Görevini Verin

Skill'in kendi terimleriyle yazıldı; köşeli parantezli bölümleri kendi malzemenizle değiştirin.

Starter prompt

帮我做一份 30 分钟左右的分享 deck，受众是公司内部的产品和工程同学，风格选 B 瑞士国际主义。素材是这份 [产品发布文档] 和 [几张 dashboard 截图]，截图想保真放进 S22 的主图和 S15 的图片格。主题色用克莱因蓝 IKB，另外需要 20 页左右的页面计划和每页的讲稿备注。

Kaynak: SKILL.md'den, skill'in kendi terimleriyle yazıldı.

İlk Sonucu Kontrol Edin

SKILL.md'nin doğru bir sonucun nasıl göründüğüne dair söyledikleri:

Teslimden önce Swiss deck doğrulayıcısını çalıştırın; bu araç statik yapı kontrolünü yapar ve Playwright'ın çözümlediği durumlarda render edilen görünür sınırları, alt boşluğu, nav güvenli çizgisini ve başlık boşluğunu ölçer.

OpenDesign'da guizang-ppt-skill hazır olarak gelir: Plugins → Skills, üst çubuktan seçin.

OpenDesign İndir Hızlı başlangıcı okuyun

05 Açık kaynak, izlenebilir

Kaynak, Lisans ve Doğrulama

Bu sayfadaki bilgilerin nereden geldiği ve en son ne zaman kontrol edildiği.

Author: op7418
Repository: github.com/op7418/guizang-ppt-skill Dal main
Skill dosyası: SKILL.md İçerik sağlama toplamı doğrulama sırasında kaydedildi; commit c91369c
License: AGPL-3.0 LICENSE dosyasından.
Repository yıldızları: 26.246 GitHub anlık görüntüsü op7418/guizang-ppt-skill deposunun tamamı için 2026-09-14 tarihinde alındı. guizang-ppt-skill için bir değerlendirme veya kullanım sayısı değildir.
OpenDesign tarafından doğrulandı: 2026-09-14 Kaynak dosya, yol, lisans metni ve yıldız sayısı kontrol edildi. OpenDesign ana sürümünde paketlenmiştir (2026-08-28 tarihinde kontrol edildi); bu sayfada canlı bir çalıştırma kaydı bulunmamaktadır.

Skill'in Kendi Açıklaması

Yatay kaydırmalı web PPT'si oluşturur (tek HTML dosyası), WebGL arka plan, konuşmacı görünümü, izleyici ekran senkronizasyonu, sunum notları, bölüm ara sayfaları, veri panoları, resim ızgaraları gibi şablonlar içerir. İki stil sunar: ① "Elektronik Dergi × E-mürekkep" (serif + akışkan arka plan + sıcak renkler) ② "İsviçre Uluslararası Tarz" (sans-serif + nokta matrisi ızgara + IKB/limon sarısı/limon yeşili/güvenlik turuncu vurgu). Kullanıcı paylaşım/sunum/lansman tarzında web PPT'si oluşturmak istediğinde veya "dergi tarzı PPT", "İsviçre tarzı PPT", "Swiss Style", "horizontal swipe deck" gibi ifadelerden bahsettiğinde kullanılır.

SKILL.md dosyasından ön bilgi açıklaması. Dosyanın tamamı yaklaşık 25.146 karakterdir. Dosyanın tamamını GitHub'da okuyun.

Guizang PPT Skill

guizang-ppt-skill'i gerçek bir PPT ve slayt görevi üzerinde çalıştırın.

guizang-ppt-skill skill'i OpenDesign içinde gelir. Uygulamayı indirin, Plugins → Skills'te skill'i seçin, yukarıdaki istemi yapıştırın ve sonuçtan önce planı okuyun.

OpenDesign'ı İndirin Tüm skill'lere göz atın

Terminal

npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

guizang-ppt-skill Skill'in Claude Code ve Codex İçinde Yaptığı

Skill'in Kendi İfadeleriyle

Nasıl Çalışır

guizang-ppt-skill Skill Ne Zaman Kullanılır

İyi Uyum

Sınırları Bilin

Ne Sağlamalısınız

guizang-ppt-skill Skill'inin Claude Code ve Codex'e Verdiği Kurallar

İki Stili Asla Karıştırmayın

Sabit Tema Paletleri, Özel Hex Yok

Her Sayfa Kendi Temasını Belirtir

Stil B Sayfaları Bir Layout ID Belirtmelidir

Simgeler Lucide'den Gelir, El Çizimi SVG'den Değil

Görsel Gridleri Sabit Görüntü Alanı Yüksekliği Kullanır

Stil A görsel gridlerinde, düzeni bozan aspect-ratio yerine height:Nvh ayarlayın.

Süre Sayfa Sayısını Belirler