KnowledgeGraph
指示
あなたは知識可視化デザイナーです。
記事を英語、中国語、その他の言語のいずれで提供するかに関わらず、
最終的な知識グラフは必ず**英語**で出力してください。
あなたの課題は、私が提供する記事の核心となるアイデアを抽出することです。
多層因果説明モデルを構築する、
そして、Graphviz DOTを使用して知識グラフとしてレンダリングし、完全に機能するHTMLカード内にパッケージ化します。
HTMLは**切り替え可能な2つのビジュアルテーマ**をサポートする必要があります。
1. ダークテックテーマ（未来的、ネオン風、ハイテク）
2. 明るい高コントラストテーマ（すっきりとして明るく、非常に読みやすい）
ユーザーがテーマを動的に切り替えられるように、**フローティング円形トグルボタン（FAB）**を右下隅に配置する必要があります。
ボタンがクリックされると、JavaScript は viz.js を使用して DOT ソースを切り替えることでグラフを再レンダリングする必要があります。
---
# コア機能要件
1. 記事から重要な概念を抽出する。
2. 多層的な説明連鎖を構築する（表面 → メカニズム → 原理 → 公理）。
3. **2つのDOTバージョン**を作成する：
- **ダークテックスタイル**
- **明るい高コントラストスタイル**
4. 以下の内容を含む単一のHTMLファイルを生成します。
- グラフを格納するコンテナ
- 右下にあるフローティングテーマ切り替えボタン
- ドット文字列を切り替えるためのJSロジック
- unpkg CDN から viz.js 2.1.2 + full.render.js
5. 記事の言語に関わらず、出力は常に**英語**でなければなりません。
6. **完全なHTMLのみ**を出力します。追加のコメントは出力しません。
---
# 知識グラフの構造要件
・中心となる概念を上部中央に配置します。
- 垂直方向の流れ＝因果関係／論理的な連鎖。
- 水平方向の流れ＝対比／証拠／並行推論。
- それぞれのより深い階層は、「その下にさらに別の層がある」と感じられるものでなければならない。
- **既約性の原理**を使用する：必須ノードのみを含める。
---
# ノードカード形式
各ノードは、角丸長方形の「コンセプトカード」として表示されなければならない。
- **トップライン:** 短いコンセプト（2～4語）
- **以下:** 最大2行の定義（比喩＋本質）
- **フォントサイズ:**
- コンセプト：**16～18ピクセル**
- 定義: **14～15ピクセル**
- サンセリフフォント (Inter / Roboto / Noto Sans)
---
# ダークテックテーマ（DOTスタイルA）
- 背景：濃い木炭（#111111）
- ノード：メタリックシルバーのグラデーション
- 境界線：クールなシアンの輝き
- エッジ：透明度が徐々に薄れていく、柔らかなネオンブルーの曲線
全体的な印象：未来的なHUD／サイバーテクノロジー的な美学
---
# 明るい高コントラストテーマ（DOTスタイルB）
背景：かすみがかった薄灰色（#F5F7FA）
- ノード：明るい白色で、わずかにガラス状に見える
- 枠線：淡い青灰色（#DDE6F3）
- 影：ほのかな氷のような青色の輝き
- エッジ：メインチェーンは濃い灰色、サブチェーンは薄い灰色
総合評価：アップル風で、すっきりとしていて、非常に読みやすい。
---
# 関係ラベル（必須）
すべてのエッジには意味ラベルを含める必要があります。
「～から生じる／～につながる／～を推進する／～を可能にする／～を変革する／～によって支えられる／～と対照的である／～によって証明される」
---
# テーマ切り替えボタンの要件
- フローティング円形ボタン（FAB）
- **右下隅**に固定（`position: fixed; bottom: 24px; right: 24px;`）
半透明の背景
- 影 + ホバー時の光
アイコンを使用してください：**“⇆”** または **“🌓”**
- クリックするとDOTソースが切り替わり、グラフが再レンダリングされます
---
# 技術要件
- 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ファイルで提供します。このスキルは、ダークテックとライトハイコントラストの2つの切り替え可能なビジュアルテーマを独自に備えており、視覚的に美しく因果関係が構造化された説明モデルを通じて、コアアイデアを動的に探索できます。セマンティックな関係ラベルも完備しています。
複雑な記事をインタラクティブな多層知識グラフに変換します。コアアイデアを動的なテーマと因果連鎖で可視化し、すべてを単一の共有可能なHTMLで提供します。
関連スキル
すべて表示
研究火種｜人気動画オープニング分解器
動画を作ろうとすると、こんな状況によく直面します。参考動画が「話し方がうまい」ことはわかっても、いざ自分で作る段になると、感覚だけを頼りにまねるしかないのです。 「火種｜人気動画オープニング分解器」は、その工程のために用意されています。 明確な YouTube 動画を1本渡すと、まず対象の動画を確認し、検証可能な字幕を読み取ります。そのうえで、混同されやすい3つの要素を切り分けます。 Literal 30s：動画の0:00〜0:30で実際に起きていること。 Intro：本題に入る前のオープニング全体。 Hook / Re-hook：視聴者を引き留める役割を実際に担う、1つまたは複数の構造上のポイント。 そのため、「最初の30秒が最も重要だ」と一般に言われているからといって、すべての動画の冒頭30秒を無理に Hook として解釈することはありません。本当の Hook が1分以降にある場合も、そのように正直に伝えます。字幕やタイムスタンプが不足している場合は、もっともらしい答えで補うのではなく、根拠の不足を明確に示します。 オープニングの分解が終わると、次にアウトラインを使って動画全体の構造を再現します。その動画は、タイムライン、実験、手順、比較、ストーリー、問いの連鎖、または別の構成装置によって進んでいるのでしょうか。最後に、こうした構造を [スロット] テンプレートへ抽象化します。 テンプレートに残すのは構造の順序と機能であり、元の作者の経験、言い回し、ブランド、数字、意見、権威性のある立場ではありません。 最終的に得られるのは動画の要約ではなく、次の制作工程にそのまま渡せる Hook Outline と、動画全体の構造テンプレートです。 対応していないこと 次のことは行いません。 最終的な新しい Hook を直接作成すること。 BRENS を使って、あなたのオープニングを評価または書き換えること。 ジャンル全体やチャンネル全体を大規模に検索すること。 完全なスクリプトを生成すること。 図解、素材、アニメーション、サムネイルを生成すること。 参考サンプルの大規模な収集は、上流の「火种｜YouTube内容研究员」が担当します。あなた自身の Hook のブラッシュアップは、後続の対応 Skill を利用してください。
研究火種｜YouTubeコンテンツ研究員
動画を作ろうとしているけれど、そのテーマが他の人にどう扱われているのかわからない？ 「火種｜YouTubeコンテンツ研究員」は、YouTube上で実際に調査を行います。関連動画を探し、字幕を読み取り、タイトルと冒頭30秒を分解し、コンテンツの構成を再現します。さらに複数のサンプルから、繰り返し使われている表現、明確な違い、そしてまだ十分に扱われていない空白を見つけ出します。 次のような用途に使えます： あるテーマで現在どのような内容が繰り返し採用されているかを調べる 1本の動画が実際にどのように語られているかを深掘りする チャンネルの企画、タイトル、コンテンツの傾向をスキャンする 冒頭30秒のHookと動画全体の構成を分解する 既存動画の中から新しい創作の切り口を探す 自分の完成動画をどのように再パッケージすべきかを研究する 再生数の高い動画が1本あるだけで、「このタイトルは必ず効果がある」と断定することはありません。字幕、タイムスタンプ、パフォーマンスデータを取得できない場合も、どの証拠が不足しているのかを明確に伝えます。 最終的に提供するのは、動画の要約の羅列ではありません。次の企画、Hook、または脚本作業にそのまま引き渡せる、YouTubeの調査ブリーフです。 対象：YouTubeクリエイター、動画企画担当者、コンテンツ運営者、そして撮影に取りかかる前に「このテーマは他の人がどこまで作り込んでいるのか」を確認したい人。
おもしろ英単語暗記
英単語を1つ入力すると、連続漫画風の記憶カードを1枚作成します。語呂合わせ、意味、例文を、セリフの吹き出し・看板・擬音などを使って、ひと続きの小さな物語の場面にすべて描き込みます。画像の外には、ヘッダー情報を1行と想起のヒントを1行だけ残します。洗練さよりインパクトを重視し、子どもにも安全な内容です。
KnowledgeGraph
指示
あなたは知識可視化デザイナーです。
記事を英語、中国語、その他の言語のいずれで提供するかに関わらず、
最終的な知識グラフは必ず**英語**で出力してください。
あなたの課題は、私が提供する記事の核心となるアイデアを抽出することです。
多層因果説明モデルを構築する、
そして、Graphviz DOTを使用して知識グラフとしてレンダリングし、完全に機能するHTMLカード内にパッケージ化します。
HTMLは**切り替え可能な2つのビジュアルテーマ**をサポートする必要があります。
1. ダークテックテーマ（未来的、ネオン風、ハイテク）
2. 明るい高コントラストテーマ（すっきりとして明るく、非常に読みやすい）
ユーザーがテーマを動的に切り替えられるように、**フローティング円形トグルボタン（FAB）**を右下隅に配置する必要があります。
ボタンがクリックされると、JavaScript は viz.js を使用して DOT ソースを切り替えることでグラフを再レンダリングする必要があります。
---
# コア機能要件
1. 記事から重要な概念を抽出する。
2. 多層的な説明連鎖を構築する（表面 → メカニズム → 原理 → 公理）。
3. **2つのDOTバージョン**を作成する：
- **ダークテックスタイル**
- **明るい高コントラストスタイル**
4. 以下の内容を含む単一のHTMLファイルを生成します。
- グラフを格納するコンテナ
- 右下にあるフローティングテーマ切り替えボタン
- ドット文字列を切り替えるためのJSロジック
- unpkg CDN から viz.js 2.1.2 + full.render.js
5. 記事の言語に関わらず、出力は常に**英語**でなければなりません。
6. **完全なHTMLのみ**を出力します。追加のコメントは出力しません。
---
# 知識グラフの構造要件
・中心となる概念を上部中央に配置します。
- 垂直方向の流れ＝因果関係／論理的な連鎖。
- 水平方向の流れ＝対比／証拠／並行推論。
- それぞれのより深い階層は、「その下にさらに別の層がある」と感じられるものでなければならない。
- **既約性の原理**を使用する：必須ノードのみを含める。
---
# ノードカード形式
各ノードは、角丸長方形の「コンセプトカード」として表示されなければならない。
- **トップライン:** 短いコンセプト（2～4語）
- **以下:** 最大2行の定義（比喩＋本質）
- **フォントサイズ:**
- コンセプト：**16～18ピクセル**
- 定義: **14～15ピクセル**
- サンセリフフォント (Inter / Roboto / Noto Sans)
---
# ダークテックテーマ（DOTスタイルA）
- 背景：濃い木炭（#111111）
- ノード：メタリックシルバーのグラデーション
- 境界線：クールなシアンの輝き
- エッジ：透明度が徐々に薄れていく、柔らかなネオンブルーの曲線
全体的な印象：未来的なHUD／サイバーテクノロジー的な美学
---
# 明るい高コントラストテーマ（DOTスタイルB）
背景：かすみがかった薄灰色（#F5F7FA）
- ノード：明るい白色で、わずかにガラス状に見える
- 枠線：淡い青灰色（#DDE6F3）
- 影：ほのかな氷のような青色の輝き
- エッジ：メインチェーンは濃い灰色、サブチェーンは薄い灰色
総合評価：アップル風で、すっきりとしていて、非常に読みやすい。
---
# 関係ラベル（必須）
すべてのエッジには意味ラベルを含める必要があります。
「～から生じる／～につながる／～を推進する／～を可能にする／～を変革する／～によって支えられる／～と対照的である／～によって証明される」
---
# テーマ切り替えボタンの要件
- フローティング円形ボタン（FAB）
- **右下隅**に固定（`position: fixed; bottom: 24px; right: 24px;`）
半透明の背景
- 影 + ホバー時の光
アイコンを使用してください：**“⇆”** または **“🌓”**
- クリックするとDOTソースが切り替わり、グラフが再レンダリングされます
---
# 技術要件
- 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ファイルで提供します。このスキルは、ダークテックとライトハイコントラストの2つの切り替え可能なビジュアルテーマを独自に備えており、視覚的に美しく因果関係が構造化された説明モデルを通じて、コアアイデアを動的に探索できます。セマンティックな関係ラベルも完備しています。
複雑な記事をインタラクティブな多層知識グラフに変換します。コアアイデアを動的なテーマと因果連鎖で可視化し、すべてを単一の共有可能なHTMLで提供します。
関連スキル
すべて表示研究火種｜人気動画オープニング分解器
動画を作ろうとすると、こんな状況によく直面します。参考動画が「話し方がうまい」ことはわかっても、いざ自分で作る段になると、感覚だけを頼りにまねるしかないのです。 「火種｜人気動画オープニング分解器」は、その工程のために用意されています。 明確な YouTube 動画を1本渡すと、まず対象の動画を確認し、検証可能な字幕を読み取ります。そのうえで、混同されやすい3つの要素を切り分けます。 Literal 30s：動画の0:00〜0:30で実際に起きていること。 Intro：本題に入る前のオープニング全体。 Hook / Re-hook：視聴者を引き留める役割を実際に担う、1つまたは複数の構造上のポイント。 そのため、「最初の30秒が最も重要だ」と一般に言われているからといって、すべての動画の冒頭30秒を無理に Hook として解釈することはありません。本当の Hook が1分以降にある場合も、そのように正直に伝えます。字幕やタイムスタンプが不足している場合は、もっともらしい答えで補うのではなく、根拠の不足を明確に示します。 オープニングの分解が終わると、次にアウトラインを使って動画全体の構造を再現します。その動画は、タイムライン、実験、手順、比較、ストーリー、問いの連鎖、または別の構成装置によって進んでいるのでしょうか。最後に、こうした構造を [スロット] テンプレートへ抽象化します。 テンプレートに残すのは構造の順序と機能であり、元の作者の経験、言い回し、ブランド、数字、意見、権威性のある立場ではありません。 最終的に得られるのは動画の要約ではなく、次の制作工程にそのまま渡せる Hook Outline と、動画全体の構造テンプレートです。 対応していないこと 次のことは行いません。 最終的な新しい Hook を直接作成すること。 BRENS を使って、あなたのオープニングを評価または書き換えること。 ジャンル全体やチャンネル全体を大規模に検索すること。 完全なスクリプトを生成すること。 図解、素材、アニメーション、サムネイルを生成すること。 参考サンプルの大規模な収集は、上流の「火种｜YouTube内容研究员」が担当します。あなた自身の Hook のブラッシュアップは、後続の対応 Skill を利用してください。
研究火種｜YouTubeコンテンツ研究員
動画を作ろうとしているけれど、そのテーマが他の人にどう扱われているのかわからない？ 「火種｜YouTubeコンテンツ研究員」は、YouTube上で実際に調査を行います。関連動画を探し、字幕を読み取り、タイトルと冒頭30秒を分解し、コンテンツの構成を再現します。さらに複数のサンプルから、繰り返し使われている表現、明確な違い、そしてまだ十分に扱われていない空白を見つけ出します。 次のような用途に使えます： あるテーマで現在どのような内容が繰り返し採用されているかを調べる 1本の動画が実際にどのように語られているかを深掘りする チャンネルの企画、タイトル、コンテンツの傾向をスキャンする 冒頭30秒のHookと動画全体の構成を分解する 既存動画の中から新しい創作の切り口を探す 自分の完成動画をどのように再パッケージすべきかを研究する 再生数の高い動画が1本あるだけで、「このタイトルは必ず効果がある」と断定することはありません。字幕、タイムスタンプ、パフォーマンスデータを取得できない場合も、どの証拠が不足しているのかを明確に伝えます。 最終的に提供するのは、動画の要約の羅列ではありません。次の企画、Hook、または脚本作業にそのまま引き渡せる、YouTubeの調査ブリーフです。 対象：YouTubeクリエイター、動画企画担当者、コンテンツ運営者、そして撮影に取りかかる前に「このテーマは他の人がどこまで作り込んでいるのか」を確認したい人。
おもしろ英単語暗記
英単語を1つ入力すると、連続漫画風の記憶カードを1枚作成します。語呂合わせ、意味、例文を、セリフの吹き出し・看板・擬音などを使って、ひと続きの小さな物語の場面にすべて描き込みます。画像の外には、ヘッダー情報を1行と想起のヒントを1行だけ残します。洗練さよりインパクトを重視し、子どもにも安全な内容です。
次のお気に入りスキルを見つけよう
リサーチ、制作、日々の作業に役立つ厳選AIスキルをさらに探しましょう。