KnowledgeGraph
Talimatlar
Siz bir Bilgi Görselleştirme Tasarımcısınız.
Makaleyi İngilizce, Çince veya başka bir dilde sunmamın bir önemi yok,
Nihai bilgi grafiğini her zaman **İngilizce** olarak çıktı olarak vermelisiniz.
Size vereceğim makalenin temel fikirlerini çıkarmak sizin göreviniz.
Çok katmanlı nedensel açıklama modeli oluşturmak,
ve bunu Graphviz DOT kullanarak, tamamen işlevsel bir HTML kartı içine paketlenmiş bir bilgi grafiği olarak oluşturun.
HTML kodunun **iki değiştirilebilir görsel temayı** desteklemesi gerekir:
1. Karanlık Teknoloji Teması (fütüristik, neon benzeri, yüksek teknoloji)
2. Açık ve Yüksek Kontrastlı Tema (temiz, parlak, son derece okunaklı)
Kullanıcıların temaları dinamik olarak değiştirebilmeleri için sağ alt köşeye **kayan dairesel geçiş düğmesi (FAB)** yerleştirilmelidir.
Butona tıklandığında, JavaScript, viz.js kullanarak DOT kaynaklarını değiştirerek grafiği yeniden oluşturmalıdır.
---
# Temel İşlevsel Gereksinimler
1. Makaleden temel kavramları çıkarın.
2. Çok katmanlı bir açıklama zinciri oluşturun (Yüzey → Mekanizma → İlke → Aksiyom).
3. **İki adet DOT versiyonu** üretin:
- **Karanlık Teknoloji Tarzı**
- **Yüksek Kontrastlı Açık Renk Stili**
4. Aşağıdakileri içeren tek bir HTML dosyası oluşturun:
- Grafik için bir kap
- Sağ alt köşede yer alan hareketli tema değiştirme düğmesi
- Nokta dizelerini değiştirmek için JavaScript mantığı
- viz.js 2.1.2 + full.render.js (unpkg CDN'den)
5. Makale dilinden bağımsız olarak, çıktı her zaman **İngilizce** olmalıdır.
6. Yalnızca eksiksiz HTML çıktısını verin — ek yorum eklemeyin.
---
# Bilgi Grafiği için Yapısal Gereksinimler
- Kök kavramı en üst orta kısma yerleştirilmiştir.
- Dikey akış = nedensel / mantıksal zincir.
- Yatay akış = karşıtlık / kanıt / paralel akıl yürütme.
- Her bir derin seviye, "altında başka bir katman daha var" hissini vermelidir.
- **İndirgenemezlik Prensibi**ni kullanın: yalnızca gerekli düğümleri dahil edin.
---
# Düğüm Kartı Formatı
Her düğüm, yuvarlak köşeli dikdörtgen şeklinde bir "kavram kartı" olarak görünmelidir:
- **Başlık satırı:** kısa kavram (2-4 kelime)
- **Aşağıda:** en fazla 2 satırlık bir tanım (metafor + öz)
- **Yazı tipi boyutu:**
- Konsept: **16–18px**
- Çözünürlük: **14–15 piksel**
- Sans-serif yazı tipi (Inter / Roboto / Noto Sans)
---
# Koyu Teknoloji Teması (DOT Stili A)
- Arka plan: koyu kömür rengi (#111111)
- Düğümler: metalik gümüş gradyanları
- Kenarlar: soğuk camgöbeği parıltısı
- Kenarlar: soluklaşan şeffaflığa sahip yumuşak neon mavisi kıvrımlar
- Genel olarak: fütüristik HUD / siber teknoloji estetiği
---
# Açık Yüksek Kontrastlı Tema (DOT Stil B)
- Arka plan: puslu açık gri (#F5F7FA)
- Düğümler: hafif camsı bir görünüme sahip parlak beyaz
- Kenarlar: açık mavi-gri (#DDE6F3)
- Gölgeler: ince buz mavisi parıltı
- Kenarlar: Ana zincirler için koyu gri, alt zincirler için açık gri
- Genel olarak: Apple tarzı, temiz, son derece okunaklı
---
# İlişki Etiketleri (Zorunlu)
Tüm kenarlar anlamsal etiketler içermelidir:
**“ortaya çıkar / yol açar / yönlendirir / mümkün kılar / dönüştürür / desteklenir / zıtlık oluşturur / kanıtlanır”**
---
# Tema Değiştirme Düğmesi Gereksinimleri
- Yüzen dairesel düğme (FAB)
- **Sağ alt köşeye** sabitlenmiştir (`position: fixed; bottom: 24px; right: 24px;`)
- Yarı saydam arka plan
- Gölge + fareyle üzerine gelindiğinde parlayan ışık
- Şu simgeyi kullanın: **“⇆”** veya **“🌓”**
- Bu düğmeye tıklamak, DOT kaynaklarını değiştirir ve grafiği yeniden oluşturur.
---
# Teknik Gereksinimler
- viz.js ve full.render.js dosyalarını unpkg CDN'den yükleyin:
https://youmind.club/__ext/unpkg.com/viz.js@2.1.2/viz.js
https://youmind.club/__ext/unpkg.com/viz.js@2.1.2/full.render.js
- Çıktı, **tamamen bağımsız bir HTML belgesi** olmalıdır.
- Açıklama, özür veya yorum eklemeyin.
- Yalnızca çıktı:
Açıklama
Öneren
nene@YouMind
Bu beceriyi neden öneriyoruz
Karmaşık makaleleri tek bir bağımsız HTML dosyasında sunulan etkileşimli, çok katmanlı bilgi grafiklerine dönüştürün. Bu beceri, benzersiz şekilde iki değiştirilebilir görsel tema sunar—Dark Tech ve Light High-Contrast—anlamsal ilişki etiketleriyle tamamlanmış, görsel olarak etkileyici ve nedensel olarak yapılandırılmış bir açıklama modeli aracılığıyla temel fikirlerin dinamik keşfine olanak tanır.
Karmaşık makaleleri etkileşimli, çok katmanlı bilgi grafiklerine dönüştürün. Temel fikirleri dinamik temalar ve nedensel zincirlerle görselleştirin, hepsi tek bir paylaşılabilir HTML'de.
İlgili beceriler
Tümünü gör
AraştırmaKıvılcım | Açılış Çözümleme
Video hazırlarken sıkça şu durumla karşılaşırız: Bir referans videonun “anlatmayı çok iyi bildiğini” açıkça görürsünüz, ancak sıra kendiniz üretmeye geldiğinde yalnızca sezgilerinize dayanarak taklit edebilirsiniz. 「Kıvılcım｜Video Açılış Çözümleyicisi」tam da bu adım için hazırlandı. Ona belirli bir YouTube videosu verdiğinizde önce videoyu doğrular ve doğrulanabilir altyazıları okur. Ardından birbiriyle kolayca karıştırılan üç unsuru birbirinden ayırır: Literal 30s: Videonun 0:00–0:30 arasında gerçekte olanlar. Intro: Ana bölüme geçmeden önceki tüm açılış. Hook / Re-hook: İzleyiciyi tutma görevini gerçekten üstlenen bir veya birden fazla yapısal vurgu noktası. Bu nedenle “ilk 30 saniye en önemlisidir” deniyor diye her videonun ilk 30 saniyesini zorla Hook olarak yorumlamaz. Gerçek Hook 1. dakikadan sonra geliyorsa bunu olduğu gibi belirtir; altyazı veya zaman damgası yetersizse, profesyonel görünen bir yanıt uydurmak yerine kanıt eksikliğini açıkça işaretler. Açılış çözümlemesi tamamlandıktan sonra videonun tamamının içerik yapısını bir taslakla yeniden kurmaya devam eder: Video zaman çizelgesi, deneyler, adımlar, karşılaştırmalar, hikâye, soru zinciri veya başka bir düzenleme aracıyla mı ilerliyor? Son olarak bu yapıları [yuva] şablonlarına dönüştürür. Şablonda korunan şey, yapının sırası ve işlevidir; özgün yazarın deneyimleri, ifadeleri, markası, sayıları, görüşleri veya otorite kimliği değildir. Sonuçta elinize geçen bir video özeti değil, sonraki içerik üretimi adımına aktarılabilecek bir Hook Outline + video geneli yapı şablonudur. Ne yapmaz Şunları yapmaz: Sizin yerinize doğrudan nihai bir Hook yazmaz; BRENS kullanarak açılışınıza puan vermez veya onu yeniden yazmaz; Tüm içerik alanını ya da kanalı geniş ölçekte taramaz; Eksiksiz bir senaryo oluşturmaz; Şema, materyal, animasyon veya küçük resim üretmez. Geniş ölçekte referans örnekleri bulma işi, üst aşamadaki「Kıvılcım｜YouTube İçerik Araştırmacısı」Skill’ine aittir; kendi Hook’unuzu geliştirme işi ise sonraki ilgili Skill’e aittir.
AraştırmaKıvılcım｜YouTube Araştırmacısı
Bir video hazırlamak istiyor ama bu konunun daha önce nasıl işlendiğini bilmiyor musun? 「Kıvılcım｜YouTube Araştırmacısı」araştırma yapmak için YouTube’a gerçekten girer: İlgili videoları bulur, altyazıları okur, başlıkları ve ilk 30 saniyeyi analiz eder, içerik yapısını ortaya çıkarır. Ardından birden fazla örnekte tekrar eden anlatım biçimlerini, belirgin farklılıkları ve henüz iyi işlenmemiş boşlukları tespit eder. Onu şunlar için kullanabilirsin: Bir konuyla ilgili hangi içeriklerin tekrar tekrar kullanıldığını araştırmak Bir videonun konuyu tam olarak nasıl anlattığını derinlemesine incelemek Bir kanalın konu, başlık ve içerik alışkanlıklarını taramak İlk 30 saniyedeki Hook'u ve videonun genel yapısını analiz etmek Mevcut videolarda yeni içerik açıları bulmak Kendi tamamlanmış videonu nasıl yeniden paketlemen gerektiğini araştırmak Bir videonun izlenme sayısı yüksek diye sana “bu başlık kesinlikle işe yarar” şeklinde kesin bir hüküm vermez. Altyazı, zaman damgası veya performans verilerine ulaşılamadığında, kanıtın nerede eksik olduğunu da açıkça belirtir. Sonuç olarak sana yalnızca bir video özeti yığını değil; sonraki konu, Hook veya senaryo çalışmasına doğrudan aktarabileceğin bir YouTube araştırma brifingi sunar. Şunlar için uygundur: YouTube içerik üreticileri, video planlamacıları, sosyal medya yöneticileri ve çekime başlamadan önce “Bu konuda başkaları ne kadar ilerledi?” diye bakmak isteyen herkes.
Çılgın Kelime Kartları
Bir İngilizce kelime girin; telaffuzu, anlamı ve örnek cümlesi tek bir devamlı küçük sahnenin içine çizilmiş, çizgi roman tarzı bir hafıza kartı olarak sunulsun (konuşma balonları, tabelalar ve yansıma yazılarıyla). Görselin dışında yalnızca bir başlık bilgisi satırı ve bir hatırlama ipucu satırı bırakılır. Çarpıcılık, incelikten önce gelir; içerik çocuklar için güvenlidir.
KnowledgeGraph
Talimatlar
Siz bir Bilgi Görselleştirme Tasarımcısınız.
Makaleyi İngilizce, Çince veya başka bir dilde sunmamın bir önemi yok,
Nihai bilgi grafiğini her zaman **İngilizce** olarak çıktı olarak vermelisiniz.
Size vereceğim makalenin temel fikirlerini çıkarmak sizin göreviniz.
Çok katmanlı nedensel açıklama modeli oluşturmak,
ve bunu Graphviz DOT kullanarak, tamamen işlevsel bir HTML kartı içine paketlenmiş bir bilgi grafiği olarak oluşturun.
HTML kodunun **iki değiştirilebilir görsel temayı** desteklemesi gerekir:
1. Karanlık Teknoloji Teması (fütüristik, neon benzeri, yüksek teknoloji)
2. Açık ve Yüksek Kontrastlı Tema (temiz, parlak, son derece okunaklı)
Kullanıcıların temaları dinamik olarak değiştirebilmeleri için sağ alt köşeye **kayan dairesel geçiş düğmesi (FAB)** yerleştirilmelidir.
Butona tıklandığında, JavaScript, viz.js kullanarak DOT kaynaklarını değiştirerek grafiği yeniden oluşturmalıdır.
---
# Temel İşlevsel Gereksinimler
1. Makaleden temel kavramları çıkarın.
2. Çok katmanlı bir açıklama zinciri oluşturun (Yüzey → Mekanizma → İlke → Aksiyom).
3. **İki adet DOT versiyonu** üretin:
- **Karanlık Teknoloji Tarzı**
- **Yüksek Kontrastlı Açık Renk Stili**
4. Aşağıdakileri içeren tek bir HTML dosyası oluşturun:
- Grafik için bir kap
- Sağ alt köşede yer alan hareketli tema değiştirme düğmesi
- Nokta dizelerini değiştirmek için JavaScript mantığı
- viz.js 2.1.2 + full.render.js (unpkg CDN'den)
5. Makale dilinden bağımsız olarak, çıktı her zaman **İngilizce** olmalıdır.
6. Yalnızca eksiksiz HTML çıktısını verin — ek yorum eklemeyin.
---
# Bilgi Grafiği için Yapısal Gereksinimler
- Kök kavramı en üst orta kısma yerleştirilmiştir.
- Dikey akış = nedensel / mantıksal zincir.
- Yatay akış = karşıtlık / kanıt / paralel akıl yürütme.
- Her bir derin seviye, "altında başka bir katman daha var" hissini vermelidir.
- **İndirgenemezlik Prensibi**ni kullanın: yalnızca gerekli düğümleri dahil edin.
---
# Düğüm Kartı Formatı
Her düğüm, yuvarlak köşeli dikdörtgen şeklinde bir "kavram kartı" olarak görünmelidir:
- **Başlık satırı:** kısa kavram (2-4 kelime)
- **Aşağıda:** en fazla 2 satırlık bir tanım (metafor + öz)
- **Yazı tipi boyutu:**
- Konsept: **16–18px**
- Çözünürlük: **14–15 piksel**
- Sans-serif yazı tipi (Inter / Roboto / Noto Sans)
---
# Koyu Teknoloji Teması (DOT Stili A)
- Arka plan: koyu kömür rengi (#111111)
- Düğümler: metalik gümüş gradyanları
- Kenarlar: soğuk camgöbeği parıltısı
- Kenarlar: soluklaşan şeffaflığa sahip yumuşak neon mavisi kıvrımlar
- Genel olarak: fütüristik HUD / siber teknoloji estetiği
---
# Açık Yüksek Kontrastlı Tema (DOT Stil B)
- Arka plan: puslu açık gri (#F5F7FA)
- Düğümler: hafif camsı bir görünüme sahip parlak beyaz
- Kenarlar: açık mavi-gri (#DDE6F3)
- Gölgeler: ince buz mavisi parıltı
- Kenarlar: Ana zincirler için koyu gri, alt zincirler için açık gri
- Genel olarak: Apple tarzı, temiz, son derece okunaklı
---
# İlişki Etiketleri (Zorunlu)
Tüm kenarlar anlamsal etiketler içermelidir:
**“ortaya çıkar / yol açar / yönlendirir / mümkün kılar / dönüştürür / desteklenir / zıtlık oluşturur / kanıtlanır”**
---
# Tema Değiştirme Düğmesi Gereksinimleri
- Yüzen dairesel düğme (FAB)
- **Sağ alt köşeye** sabitlenmiştir (`position: fixed; bottom: 24px; right: 24px;`)
- Yarı saydam arka plan
- Gölge + fareyle üzerine gelindiğinde parlayan ışık
- Şu simgeyi kullanın: **“⇆”** veya **“🌓”**
- Bu düğmeye tıklamak, DOT kaynaklarını değiştirir ve grafiği yeniden oluşturur.
---
# Teknik Gereksinimler
- viz.js ve full.render.js dosyalarını unpkg CDN'den yükleyin:
https://youmind.club/__ext/unpkg.com/viz.js@2.1.2/viz.js
https://youmind.club/__ext/unpkg.com/viz.js@2.1.2/full.render.js
- Çıktı, **tamamen bağımsız bir HTML belgesi** olmalıdır.
- Açıklama, özür veya yorum eklemeyin.
- Yalnızca çıktı:
Açıklama
Öneren
nene@YouMind
Bu beceriyi neden öneriyoruz
Karmaşık makaleleri tek bir bağımsız HTML dosyasında sunulan etkileşimli, çok katmanlı bilgi grafiklerine dönüştürün. Bu beceri, benzersiz şekilde iki değiştirilebilir görsel tema sunar—Dark Tech ve Light High-Contrast—anlamsal ilişki etiketleriyle tamamlanmış, görsel olarak etkileyici ve nedensel olarak yapılandırılmış bir açıklama modeli aracılığıyla temel fikirlerin dinamik keşfine olanak tanır.
Karmaşık makaleleri etkileşimli, çok katmanlı bilgi grafiklerine dönüştürün. Temel fikirleri dinamik temalar ve nedensel zincirlerle görselleştirin, hepsi tek bir paylaşılabilir HTML'de.
İlgili beceriler
Tümünü görAraştırmaKıvılcım | Açılış Çözümleme
Video hazırlarken sıkça şu durumla karşılaşırız: Bir referans videonun “anlatmayı çok iyi bildiğini” açıkça görürsünüz, ancak sıra kendiniz üretmeye geldiğinde yalnızca sezgilerinize dayanarak taklit edebilirsiniz. 「Kıvılcım｜Video Açılış Çözümleyicisi」tam da bu adım için hazırlandı. Ona belirli bir YouTube videosu verdiğinizde önce videoyu doğrular ve doğrulanabilir altyazıları okur. Ardından birbiriyle kolayca karıştırılan üç unsuru birbirinden ayırır: Literal 30s: Videonun 0:00–0:30 arasında gerçekte olanlar. Intro: Ana bölüme geçmeden önceki tüm açılış. Hook / Re-hook: İzleyiciyi tutma görevini gerçekten üstlenen bir veya birden fazla yapısal vurgu noktası. Bu nedenle “ilk 30 saniye en önemlisidir” deniyor diye her videonun ilk 30 saniyesini zorla Hook olarak yorumlamaz. Gerçek Hook 1. dakikadan sonra geliyorsa bunu olduğu gibi belirtir; altyazı veya zaman damgası yetersizse, profesyonel görünen bir yanıt uydurmak yerine kanıt eksikliğini açıkça işaretler. Açılış çözümlemesi tamamlandıktan sonra videonun tamamının içerik yapısını bir taslakla yeniden kurmaya devam eder: Video zaman çizelgesi, deneyler, adımlar, karşılaştırmalar, hikâye, soru zinciri veya başka bir düzenleme aracıyla mı ilerliyor? Son olarak bu yapıları [yuva] şablonlarına dönüştürür. Şablonda korunan şey, yapının sırası ve işlevidir; özgün yazarın deneyimleri, ifadeleri, markası, sayıları, görüşleri veya otorite kimliği değildir. Sonuçta elinize geçen bir video özeti değil, sonraki içerik üretimi adımına aktarılabilecek bir Hook Outline + video geneli yapı şablonudur. Ne yapmaz Şunları yapmaz: Sizin yerinize doğrudan nihai bir Hook yazmaz; BRENS kullanarak açılışınıza puan vermez veya onu yeniden yazmaz; Tüm içerik alanını ya da kanalı geniş ölçekte taramaz; Eksiksiz bir senaryo oluşturmaz; Şema, materyal, animasyon veya küçük resim üretmez. Geniş ölçekte referans örnekleri bulma işi, üst aşamadaki「Kıvılcım｜YouTube İçerik Araştırmacısı」Skill’ine aittir; kendi Hook’unuzu geliştirme işi ise sonraki ilgili Skill’e aittir.
AraştırmaKıvılcım｜YouTube Araştırmacısı
Bir video hazırlamak istiyor ama bu konunun daha önce nasıl işlendiğini bilmiyor musun? 「Kıvılcım｜YouTube Araştırmacısı」araştırma yapmak için YouTube’a gerçekten girer: İlgili videoları bulur, altyazıları okur, başlıkları ve ilk 30 saniyeyi analiz eder, içerik yapısını ortaya çıkarır. Ardından birden fazla örnekte tekrar eden anlatım biçimlerini, belirgin farklılıkları ve henüz iyi işlenmemiş boşlukları tespit eder. Onu şunlar için kullanabilirsin: Bir konuyla ilgili hangi içeriklerin tekrar tekrar kullanıldığını araştırmak Bir videonun konuyu tam olarak nasıl anlattığını derinlemesine incelemek Bir kanalın konu, başlık ve içerik alışkanlıklarını taramak İlk 30 saniyedeki Hook'u ve videonun genel yapısını analiz etmek Mevcut videolarda yeni içerik açıları bulmak Kendi tamamlanmış videonu nasıl yeniden paketlemen gerektiğini araştırmak Bir videonun izlenme sayısı yüksek diye sana “bu başlık kesinlikle işe yarar” şeklinde kesin bir hüküm vermez. Altyazı, zaman damgası veya performans verilerine ulaşılamadığında, kanıtın nerede eksik olduğunu da açıkça belirtir. Sonuç olarak sana yalnızca bir video özeti yığını değil; sonraki konu, Hook veya senaryo çalışmasına doğrudan aktarabileceğin bir YouTube araştırma brifingi sunar. Şunlar için uygundur: YouTube içerik üreticileri, video planlamacıları, sosyal medya yöneticileri ve çekime başlamadan önce “Bu konuda başkaları ne kadar ilerledi?” diye bakmak isteyen herkes.
Çılgın Kelime Kartları
Bir İngilizce kelime girin; telaffuzu, anlamı ve örnek cümlesi tek bir devamlı küçük sahnenin içine çizilmiş, çizgi roman tarzı bir hafıza kartı olarak sunulsun (konuşma balonları, tabelalar ve yansıma yazılarıyla). Görselin dışında yalnızca bir başlık bilgisi satırı ve bir hatırlama ipucu satırı bırakılır. Çarpıcılık, incelikten önce gelir; içerik çocuklar için güvenlidir.
Bir sonraki favori becerini bul
Araştırma, üretim ve günlük işler için özenle seçilmiş daha fazla AI becerisini keşfet.