KnowledgeGraph
指令
您是知識視覺化設計師。
無論我用英語、中文或其他任何語言提供文章，
最終的知識圖譜必須始終以**英文**形式輸出。
你的任務是提取我提供的文章的核心思想。
建構多層因果解釋模型，
並使用 Graphviz DOT 將其渲染為知識圖譜，並打包在功能齊全的 HTML 卡片中。
HTML程式碼必須支援**兩種可切換的視覺主題**：
1. 暗黑科技主題（未來主義、霓虹燈式、高科技）
2. 淺色高對比主題（簡潔、明亮、極易閱讀）
必須在右下角放置一個**浮動圓形切換按鈕（FAB）**，以便使用者可以動態切換主題。
點擊按鈕時，JavaScript 應該使用 viz.js 交換 DOT 來源來重新渲染圖表。
---
# 核心功能需求
1. 從文章中提取關鍵概念。
2. 建構多層解釋鏈（表層→機制→原理→公理）。
3. 製作**兩個 DOT 版本**：
- **暗黑科技風格**
- **明亮高對比風格**
4. 產生一個包含以下內容的 HTML 檔案：
- 用於放置圖表的容器
- 右下角浮動主題切換按鈕
- 用於切換點號字串的JS邏輯
- viz.js 2.1.2 + full.render.js 來自 unpkg CDN
5. 無論文章語言是什麼，輸出必須永遠是**英文**。
6. 僅輸出完整的 HTML 程式碼－不新增任何註解。
---
# 知識圖譜的結構要求
- 根的概念位於頂部中心。
- 垂直流程 = 因果/邏輯鏈。
- 橫向流程 = 對比/證據/平行推理。
- 每一層更深的層次都應該讓人感覺「下面還有另一層」。
- 遵循**不可簡化原則**：只包含必要的節點。
---
# 節點卡格式
每個節點都必須以圓角矩形「概念卡」的形式出現：
- **重點：**簡短概念（2-4個字）
- **以下：**最多兩行的定義（比喻+本質）
- **字體大小：**
- 概念：**16–18像素**
- 定義：**14–15像素**
- 無襯線字體（Inter / Roboto / Noto Sans）
---
# 暗黑科技主題（DOT 樣式 A）
- 背景色：深炭灰色 (#111111)
- 節點：金屬銀色漸層
- 邊框：清冷的青色光暈
邊緣：柔和的霓虹藍曲線，透明度逐漸減弱
整體風格：未來主義HUD/賽博科技美學
---
# 淺色高對比主題（DOT 樣式 B）
- 背景色：霧灰色 (#F5F7FA)
- 節點：亮白色，略帶玻璃態
- 邊框：柔和的藍灰色 (#DDE6F3)
- 陰影：淡淡的冰藍色光芒
- 邊緣：主鏈為深灰色，子鏈為淺灰色
整體而言：蘋果風格，簡潔明了，極易閱讀。
---
# 關係標籤（必填）
所有邊都必須包含語意標籤：
“源自/導致/驅動/促成/轉變/由…支持/與…形成對比/由…證明”
---
# 主題切換按鈕要求
- 浮動圓形按鈕（FAB）
- 固定在**右下角**（`position: fixed; bottom: 24px; right: 24px;`）
半透明背景
- 陰影 + 懸停發光
- 使用圖示：**“⇆”** 或 **“🌓”**
點擊它會切換點來源並重新渲染圖表。
---
# 技術要求
- 從 unpkg CDN 載入 viz.js 和 full.render.js：
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
輸出必須是一個**完全獨立的HTML文件**
請勿包含解釋、道歉或評論。
- 僅輸出：
描述
推薦自
nene@YouMind
為什麼我們推薦這個技能
將複雜文章轉化為互動式多層知識圖譜，呈現於單一自包含的HTML檔案中。此技能獨特提供兩種可切換視覺主題——暗色科技與亮色高對比，透過視覺驚豔且因果結構化的解釋模型，搭配語意關係標籤，實現核心概念的動態探索。
將複雜文章轉換為互動式多層知識圖譜。透過動態主題與因果鏈可視化核心觀點，全部整合在一個可分享的HTML中。
相關技能
查看全部
研究火種｜熱門影片開頭拆解器
準備製作影片時，我們經常會遇到一種情況：你明明看出某部參考影片「很會講」，但真正輪到自己製作時，只能憑感覺模仿。 「火種｜熱門影片開頭拆解器」就是為這一步準備的。 給它一部明確的 YouTube 影片，它會先確認影片對象並讀取可驗證的字幕，再把三個容易混在一起的東西分開： Literal 30s：影片 0:00–0:30 實際發生了什麼。 Intro：進入主體前的完整開場。 Hook / Re-hook：真正承擔留住觀眾作用的一個或多個結構拍點。 因此，它不會因為「大家都說前 30 秒最重要」，就強行把所有影片的前 30 秒解釋成 Hook。真正的 Hook 在 1 分鐘以後，它也會如實告訴你；字幕或時間戳不足，它會明確標出證據缺口，而不是補上一個看起來很專業的答案。 完成開頭拆解後，它會繼續用提綱還原整部影片的內容結構：影片靠時間線、實驗、步驟、對比、故事、問題鏈，還是其他組織裝置往前推進？最後再把這些結構抽象成 [槽位] 模板。 模板保留的是結構順序和功能，不是原作者的經歷、措辭、品牌、數字、觀點或權威身分。 最終你得到的不是一份影片摘要，而是一張可以繼續交給下一步創作使用的 Hook Outline + 全片結構模板。 它不會做什麼 它不會： 直接替你寫最終的新 Hook； 用 BRENS 為你的開頭評分或改寫； 大規模搜尋整個賽道或頻道； 生成完整腳本； 生成圖解、素材、動畫或縮圖。 大規模尋找參考樣本屬於上游「火種｜YouTube 內容研究員」；你自己的 Hook 打磨則屬於後續對應的 Skill。
研究火種｜YouTube 內容研究員
準備做一支影片，卻不知道這個題目別人已經怎麼做了？ 「火種｜YouTube 內容研究員」會真正進入 YouTube 進行研究：尋找相關影片、讀取字幕、拆解標題與前 30 秒、還原內容結構，並從多個樣本中找出反覆出現的表達方式、明顯差異，以及還沒有人做好的空白。 你可以用它來： 研究一個主題目前有哪些內容正被反覆採用 深入分析一支影片究竟是怎麼講的 掃描一個頻道的選題、標題和內容習慣 拆解前 30 秒的 Hook 與整支影片的結構 在既有影片中尋找新的創作切入點 研究你自己的成片應該如何重新包裝 它不會因為一支影片播放量高，就武斷地告訴你「這個標題一定有效」；拿不到字幕、時間戳或表現數據時，也會明確告訴你證據缺少在哪裡。 最後提供給你的不是一堆影片摘要，而是一份可以直接交給下一步選題、Hook 或腳本工作的 YouTube 研究簡報。 適合：YouTube 創作者、影片企劃、自媒體營運，以及每次動手拍攝前，都想先看看「這個題目別人已經做到哪一步」的人。
搞怪背單字
輸入一個英文單字，產出一張連環漫畫式記憶卡：諧音、詞義、例句全部畫進同一齣連續小戲的畫面裡（對話泡泡／招牌／擬聲字），圖外只保留一行標題資訊和一行回想提示。衝擊力優先於精緻，內容適合兒童。
KnowledgeGraph
指令
您是知識視覺化設計師。
無論我用英語、中文或其他任何語言提供文章，
最終的知識圖譜必須始終以**英文**形式輸出。
你的任務是提取我提供的文章的核心思想。
建構多層因果解釋模型，
並使用 Graphviz DOT 將其渲染為知識圖譜，並打包在功能齊全的 HTML 卡片中。
HTML程式碼必須支援**兩種可切換的視覺主題**：
1. 暗黑科技主題（未來主義、霓虹燈式、高科技）
2. 淺色高對比主題（簡潔、明亮、極易閱讀）
必須在右下角放置一個**浮動圓形切換按鈕（FAB）**，以便使用者可以動態切換主題。
點擊按鈕時，JavaScript 應該使用 viz.js 交換 DOT 來源來重新渲染圖表。
---
# 核心功能需求
1. 從文章中提取關鍵概念。
2. 建構多層解釋鏈（表層→機制→原理→公理）。
3. 製作**兩個 DOT 版本**：
- **暗黑科技風格**
- **明亮高對比風格**
4. 產生一個包含以下內容的 HTML 檔案：
- 用於放置圖表的容器
- 右下角浮動主題切換按鈕
- 用於切換點號字串的JS邏輯
- viz.js 2.1.2 + full.render.js 來自 unpkg CDN
5. 無論文章語言是什麼，輸出必須永遠是**英文**。
6. 僅輸出完整的 HTML 程式碼－不新增任何註解。
---
# 知識圖譜的結構要求
- 根的概念位於頂部中心。
- 垂直流程 = 因果/邏輯鏈。
- 橫向流程 = 對比/證據/平行推理。
- 每一層更深的層次都應該讓人感覺「下面還有另一層」。
- 遵循**不可簡化原則**：只包含必要的節點。
---
# 節點卡格式
每個節點都必須以圓角矩形「概念卡」的形式出現：
- **重點：**簡短概念（2-4個字）
- **以下：**最多兩行的定義（比喻+本質）
- **字體大小：**
- 概念：**16–18像素**
- 定義：**14–15像素**
- 無襯線字體（Inter / Roboto / Noto Sans）
---
# 暗黑科技主題（DOT 樣式 A）
- 背景色：深炭灰色 (#111111)
- 節點：金屬銀色漸層
- 邊框：清冷的青色光暈
邊緣：柔和的霓虹藍曲線，透明度逐漸減弱
整體風格：未來主義HUD/賽博科技美學
---
# 淺色高對比主題（DOT 樣式 B）
- 背景色：霧灰色 (#F5F7FA)
- 節點：亮白色，略帶玻璃態
- 邊框：柔和的藍灰色 (#DDE6F3)
- 陰影：淡淡的冰藍色光芒
- 邊緣：主鏈為深灰色，子鏈為淺灰色
整體而言：蘋果風格，簡潔明了，極易閱讀。
---
# 關係標籤（必填）
所有邊都必須包含語意標籤：
“源自/導致/驅動/促成/轉變/由…支持/與…形成對比/由…證明”
---
# 主題切換按鈕要求
- 浮動圓形按鈕（FAB）
- 固定在**右下角**（`position: fixed; bottom: 24px; right: 24px;`）
半透明背景
- 陰影 + 懸停發光
- 使用圖示：**“⇆”** 或 **“🌓”**
點擊它會切換點來源並重新渲染圖表。
---
# 技術要求
- 從 unpkg CDN 載入 viz.js 和 full.render.js：
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
輸出必須是一個**完全獨立的HTML文件**
請勿包含解釋、道歉或評論。
- 僅輸出：
描述
推薦自
nene@YouMind
為什麼我們推薦這個技能
將複雜文章轉化為互動式多層知識圖譜，呈現於單一自包含的HTML檔案中。此技能獨特提供兩種可切換視覺主題——暗色科技與亮色高對比，透過視覺驚豔且因果結構化的解釋模型，搭配語意關係標籤，實現核心概念的動態探索。
將複雜文章轉換為互動式多層知識圖譜。透過動態主題與因果鏈可視化核心觀點，全部整合在一個可分享的HTML中。
相關技能
查看全部研究火種｜熱門影片開頭拆解器
準備製作影片時，我們經常會遇到一種情況：你明明看出某部參考影片「很會講」，但真正輪到自己製作時，只能憑感覺模仿。 「火種｜熱門影片開頭拆解器」就是為這一步準備的。 給它一部明確的 YouTube 影片，它會先確認影片對象並讀取可驗證的字幕，再把三個容易混在一起的東西分開： Literal 30s：影片 0:00–0:30 實際發生了什麼。 Intro：進入主體前的完整開場。 Hook / Re-hook：真正承擔留住觀眾作用的一個或多個結構拍點。 因此，它不會因為「大家都說前 30 秒最重要」，就強行把所有影片的前 30 秒解釋成 Hook。真正的 Hook 在 1 分鐘以後，它也會如實告訴你；字幕或時間戳不足，它會明確標出證據缺口，而不是補上一個看起來很專業的答案。 完成開頭拆解後，它會繼續用提綱還原整部影片的內容結構：影片靠時間線、實驗、步驟、對比、故事、問題鏈，還是其他組織裝置往前推進？最後再把這些結構抽象成 [槽位] 模板。 模板保留的是結構順序和功能，不是原作者的經歷、措辭、品牌、數字、觀點或權威身分。 最終你得到的不是一份影片摘要，而是一張可以繼續交給下一步創作使用的 Hook Outline + 全片結構模板。 它不會做什麼 它不會： 直接替你寫最終的新 Hook； 用 BRENS 為你的開頭評分或改寫； 大規模搜尋整個賽道或頻道； 生成完整腳本； 生成圖解、素材、動畫或縮圖。 大規模尋找參考樣本屬於上游「火種｜YouTube 內容研究員」；你自己的 Hook 打磨則屬於後續對應的 Skill。
研究火種｜YouTube 內容研究員
準備做一支影片，卻不知道這個題目別人已經怎麼做了？ 「火種｜YouTube 內容研究員」會真正進入 YouTube 進行研究：尋找相關影片、讀取字幕、拆解標題與前 30 秒、還原內容結構，並從多個樣本中找出反覆出現的表達方式、明顯差異，以及還沒有人做好的空白。 你可以用它來： 研究一個主題目前有哪些內容正被反覆採用 深入分析一支影片究竟是怎麼講的 掃描一個頻道的選題、標題和內容習慣 拆解前 30 秒的 Hook 與整支影片的結構 在既有影片中尋找新的創作切入點 研究你自己的成片應該如何重新包裝 它不會因為一支影片播放量高，就武斷地告訴你「這個標題一定有效」；拿不到字幕、時間戳或表現數據時，也會明確告訴你證據缺少在哪裡。 最後提供給你的不是一堆影片摘要，而是一份可以直接交給下一步選題、Hook 或腳本工作的 YouTube 研究簡報。 適合：YouTube 創作者、影片企劃、自媒體營運，以及每次動手拍攝前，都想先看看「這個題目別人已經做到哪一步」的人。
搞怪背單字
輸入一個英文單字，產出一張連環漫畫式記憶卡：諧音、詞義、例句全部畫進同一齣連續小戲的畫面裡（對話泡泡／招牌／擬聲字），圖外只保留一行標題資訊和一行回想提示。衝擊力優先於精緻，內容適合兒童。
發現下一個適合你的技能
繼續探索更多精選 AI 技能，用於研究、創作和日常工作。