지식 그래프
지시사항
당신은 지식 시각화 디자이너입니다.
제가 그 글을 영어로 제공하든, 중국어로 제공하든, 아니면 다른 어떤 언어로 제공하든 상관없이,
최종 지식 그래프는 반드시 **영어**로 출력해야 합니다.
여러분의 과제는 제가 제공할 기사의 핵심 내용을 추출하는 것입니다.
다층적 인과 설명 모델을 구축한다.
Graphviz DOT을 사용하여 이를 지식 그래프로 렌더링하고, 완벽하게 작동하는 HTML 카드 안에 패키징합니다.
HTML은 **전환 가능한 두 가지 시각적 테마**를 지원해야 합니다.
1. 다크 테크 테마 (미래지향적이고, 네온사인처럼 화려하며, 첨단 기술적인 느낌)
2. 밝고 대비가 강한 테마 (깔끔하고 밝으며 가독성이 매우 뛰어남)
사용자가 테마를 동적으로 전환할 수 있도록 **플로팅 원형 토글 버튼(FAB)**을 오른쪽 하단 모서리에 배치해야 합니다.
버튼을 클릭하면 JavaScript는 viz.js를 사용하여 DOT 소스를 교체함으로써 그래프를 다시 렌더링해야 합니다.
---
# 핵심 기능 요구사항
1. 기사에서 핵심 개념을 추출하세요.
2. 다층적인 설명 체계를 구축합니다(표면 → 메커니즘 → 원리 → 공리).
3. **두 가지 DOT 버전**을 생성하세요:
- **다크 테크 스타일**
- **밝은 고대비 스타일**
4. 다음 내용이 포함된 단일 HTML 파일을 생성합니다.
- 그래프를 담는 컨테이너
- 오른쪽 하단에 테마 전환 버튼이 있습니다.
- 점(.) 문자열을 바꾸는 JavaScript 로직
- unpkg CDN에서 제공하는 viz.js 2.1.2 + full.render.js
5. 기사 언어와 관계없이 출력 결과는 항상 **영어**여야 합니다.
6. **전체 HTML만** 출력하고 추가 설명은 포함하지 마십시오.
---
# 지식 그래프의 구조적 요구사항
- 핵심 개념이 상단 중앙에 배치되어 있습니다.
- 수직적 흐름 = 인과적/논리적 연결 고리.
- 수평적 흐름 = 대조/증거/병행 추론.
- 각 심층부는 "그 아래에 또 다른 층이 있다"는 느낌을 주어야 합니다.
- **환원 불가능성의 원칙**을 적용하여 필수적인 노드만 포함시키십시오.
---
# 노드 카드 형식
각 노드는 모서리가 둥근 직사각형 모양의 "컨셉 카드" 형태로 나타나야 합니다.
- **핵심 요약:** 짧은 컨셉 (2~4단어)
- **아래:** 최대 2줄 분량의 정의 (은유 + 핵심)
- **글자 크기:**
- 컨셉: **16–18px**
- 크기: **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 파일로 제공합니다. 이 스킬은 다크 테크와 라이트 하이 컨트래스트라는 두 가지 전환 가능한 시각적 테마를 독특하게 제공하며, 의미 관계 레이블과 함께 시각적으로 뛰어나고 인과적으로 구조화된 설명 모델을 통해 핵심 아이디어를 동적으로 탐색할 수 있습니다.
복잡한 기사를 대화형의 다층적 지식 그래프로 변환하세요. 동적 테마와 인과 관계 체인을 통해 핵심 아이디어를 시각화하고, 단일한 공유 가능 HTML로 제공합니다.
관련 스킬
전체 보기
연구불씨｜인기 영상 오프닝 해부기
영상을 만들다 보면 이런 상황을 자주 마주합니다. 어떤 참고 영상이 “설명을 정말 잘한다”는 건 분명히 알겠는데, 막상 직접 만들 차례가 되면 감으로 따라 하는 것밖에 할 수 없습니다. 「불씨｜인기 영상 오프닝 해부기」는 바로 이 단계를 위해 만들어졌습니다. 명확한 YouTube 영상 하나를 제공하면, 먼저 영상 대상을 확인하고 검증 가능한 자막을 읽습니다. 그런 다음 서로 쉽게 뒤섞이는 세 가지를 구분합니다. Literal 30s: 영상의 0:00–0:30에 실제로 일어난 일. Intro: 본론에 들어가기 전 전체 오프닝. Hook / Re-hook: 시청자를 계속 머물게 하는 역할을 실제로 맡는 하나 이상의 구조적 포인트. 따라서 “처음 30초가 가장 중요하다”는 말을 이유로 모든 영상의 처음 30초를 억지로 Hook으로 해석하지 않습니다. 실제 Hook이 1분 이후에 있다면 그렇게 알려 주고, 자막이나 타임스탬프가 부족하면 그럴듯해 보이는 답을 지어내는 대신 근거의 공백을 명확히 표시합니다. 오프닝 분석을 마치면 개요를 활용해 영상 전체의 콘텐츠 구조도 복원합니다. 영상은 타임라인, 실험, 단계, 비교, 스토리, 질문의 연쇄 또는 다른 구성 장치를 통해 어떻게 전개되는지 살펴봅니다. 마지막으로 이러한 구조를 [슬롯] 템플릿으로 추상화합니다. 템플릿에 남기는 것은 구조의 순서와 기능이지, 원작자의 경험, 표현, 브랜드, 숫자, 관점 또는 권위 있는 신분이 아닙니다. 최종적으로 얻는 것은 단순한 영상 요약이 아니라, 다음 창작 단계에 바로 넘겨 사용할 수 있는 Hook Outline + 전체 영상 구조 템플릿입니다. 이 Skill이 하지 않는 일 다음 작업은 하지 않습니다. 최종 새 Hook을 대신 작성하지 않습니다. BRENS를 사용해 오프닝을 평가하거나 다시 작성하지 않습니다. 업계 전체나 채널을 대규모로 검색하지 않습니다. 완성된 스크립트를 생성하지 않습니다. 설명 이미지, 소스 자료, 애니메이션 또는 썸네일을 생성하지 않습니다. 참고 샘플을 대규모로 찾는 작업은 상위 단계인 「불씨｜YouTube 콘텐츠 연구원」의 역할이며, 직접 Hook을 다듬는 작업은 이후의 해당 Skill에서 진행합니다.
연구불씨｜YouTube 콘텐츠 연구자
영상을 하나 만들고 싶은데, 다른 사람들은 이미 이 주제를 어떻게 다뤘는지 모르겠나요? 「불씨｜YouTube 콘텐츠 연구자」는 실제로 YouTube에 들어가 관련 영상을 찾고, 자막을 읽고, 제목과 시작 30초를 분석하며, 콘텐츠 구조를 복원합니다. 또한 여러 샘플에서 반복적으로 나타나는 표현 방식, 뚜렷한 차이점, 아직 제대로 다뤄지지 않은 빈틈을 찾아냅니다. 다음과 같은 작업에 활용할 수 있습니다: 하나의 주제에서 어떤 콘텐츠가 반복적으로 활용되고 있는지 조사 한 영상이 실제로 어떻게 설명되고 전개되는지 깊이 분석 한 채널의 주제 선정, 제목, 콘텐츠 제작 습관을 스캔 시작 30초의 Hook과 전체 영상 구조 분석 기존 영상에서 새로운 제작 방향 찾기 내 완성 영상의 포장을 어떻게 다시 구성할지 연구 영상 하나의 조회수가 높다는 이유만으로 “이 제목은 반드시 효과가 있다”고 단정하지 않습니다. 자막, 타임스탬프 또는 성과 데이터를 확보하지 못한 경우에도 어떤 근거가 부족한지 명확히 알려드립니다. 최종적으로 제공하는 것은 단순한 영상 요약 모음이 아니라, 다음 단계의 주제 선정, Hook 또는 스크립트 작업에 바로 전달할 수 있는 YouTube 연구 브리프입니다. 대상: YouTube 크리에이터, 영상 기획자, 콘텐츠 운영자, 그리고 촬영을 시작하기 전에 “다른 사람들은 이 주제를 어디까지 다뤘을까?”를 먼저 확인하고 싶은 사람
엉뚱한 영단어 암기
영어 단어 하나를 입력하면 연속 만화 형식의 기억 카드 한 장을 만듭니다. 발음 연상, 뜻, 예문을 하나의 이어지는 짧은 장면 속에 담아 말풍선·간판·의성어로 표현합니다. 이미지 밖에는 한 줄의 헤더 정보와 한 줄의 회상 힌트만 남깁니다. 정교함보다 강렬한 인상을 우선하며, 아동에게 안전한 표현을 사용합니다.
지식 그래프
지시사항
당신은 지식 시각화 디자이너입니다.
제가 그 글을 영어로 제공하든, 중국어로 제공하든, 아니면 다른 어떤 언어로 제공하든 상관없이,
최종 지식 그래프는 반드시 **영어**로 출력해야 합니다.
여러분의 과제는 제가 제공할 기사의 핵심 내용을 추출하는 것입니다.
다층적 인과 설명 모델을 구축한다.
Graphviz DOT을 사용하여 이를 지식 그래프로 렌더링하고, 완벽하게 작동하는 HTML 카드 안에 패키징합니다.
HTML은 **전환 가능한 두 가지 시각적 테마**를 지원해야 합니다.
1. 다크 테크 테마 (미래지향적이고, 네온사인처럼 화려하며, 첨단 기술적인 느낌)
2. 밝고 대비가 강한 테마 (깔끔하고 밝으며 가독성이 매우 뛰어남)
사용자가 테마를 동적으로 전환할 수 있도록 **플로팅 원형 토글 버튼(FAB)**을 오른쪽 하단 모서리에 배치해야 합니다.
버튼을 클릭하면 JavaScript는 viz.js를 사용하여 DOT 소스를 교체함으로써 그래프를 다시 렌더링해야 합니다.
---
# 핵심 기능 요구사항
1. 기사에서 핵심 개념을 추출하세요.
2. 다층적인 설명 체계를 구축합니다(표면 → 메커니즘 → 원리 → 공리).
3. **두 가지 DOT 버전**을 생성하세요:
- **다크 테크 스타일**
- **밝은 고대비 스타일**
4. 다음 내용이 포함된 단일 HTML 파일을 생성합니다.
- 그래프를 담는 컨테이너
- 오른쪽 하단에 테마 전환 버튼이 있습니다.
- 점(.) 문자열을 바꾸는 JavaScript 로직
- unpkg CDN에서 제공하는 viz.js 2.1.2 + full.render.js
5. 기사 언어와 관계없이 출력 결과는 항상 **영어**여야 합니다.
6. **전체 HTML만** 출력하고 추가 설명은 포함하지 마십시오.
---
# 지식 그래프의 구조적 요구사항
- 핵심 개념이 상단 중앙에 배치되어 있습니다.
- 수직적 흐름 = 인과적/논리적 연결 고리.
- 수평적 흐름 = 대조/증거/병행 추론.
- 각 심층부는 "그 아래에 또 다른 층이 있다"는 느낌을 주어야 합니다.
- **환원 불가능성의 원칙**을 적용하여 필수적인 노드만 포함시키십시오.
---
# 노드 카드 형식
각 노드는 모서리가 둥근 직사각형 모양의 "컨셉 카드" 형태로 나타나야 합니다.
- **핵심 요약:** 짧은 컨셉 (2~4단어)
- **아래:** 최대 2줄 분량의 정의 (은유 + 핵심)
- **글자 크기:**
- 컨셉: **16–18px**
- 크기: **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 파일로 제공합니다. 이 스킬은 다크 테크와 라이트 하이 컨트래스트라는 두 가지 전환 가능한 시각적 테마를 독특하게 제공하며, 의미 관계 레이블과 함께 시각적으로 뛰어나고 인과적으로 구조화된 설명 모델을 통해 핵심 아이디어를 동적으로 탐색할 수 있습니다.
복잡한 기사를 대화형의 다층적 지식 그래프로 변환하세요. 동적 테마와 인과 관계 체인을 통해 핵심 아이디어를 시각화하고, 단일한 공유 가능 HTML로 제공합니다.
관련 스킬
전체 보기연구불씨｜인기 영상 오프닝 해부기
영상을 만들다 보면 이런 상황을 자주 마주합니다. 어떤 참고 영상이 “설명을 정말 잘한다”는 건 분명히 알겠는데, 막상 직접 만들 차례가 되면 감으로 따라 하는 것밖에 할 수 없습니다. 「불씨｜인기 영상 오프닝 해부기」는 바로 이 단계를 위해 만들어졌습니다. 명확한 YouTube 영상 하나를 제공하면, 먼저 영상 대상을 확인하고 검증 가능한 자막을 읽습니다. 그런 다음 서로 쉽게 뒤섞이는 세 가지를 구분합니다. Literal 30s: 영상의 0:00–0:30에 실제로 일어난 일. Intro: 본론에 들어가기 전 전체 오프닝. Hook / Re-hook: 시청자를 계속 머물게 하는 역할을 실제로 맡는 하나 이상의 구조적 포인트. 따라서 “처음 30초가 가장 중요하다”는 말을 이유로 모든 영상의 처음 30초를 억지로 Hook으로 해석하지 않습니다. 실제 Hook이 1분 이후에 있다면 그렇게 알려 주고, 자막이나 타임스탬프가 부족하면 그럴듯해 보이는 답을 지어내는 대신 근거의 공백을 명확히 표시합니다. 오프닝 분석을 마치면 개요를 활용해 영상 전체의 콘텐츠 구조도 복원합니다. 영상은 타임라인, 실험, 단계, 비교, 스토리, 질문의 연쇄 또는 다른 구성 장치를 통해 어떻게 전개되는지 살펴봅니다. 마지막으로 이러한 구조를 [슬롯] 템플릿으로 추상화합니다. 템플릿에 남기는 것은 구조의 순서와 기능이지, 원작자의 경험, 표현, 브랜드, 숫자, 관점 또는 권위 있는 신분이 아닙니다. 최종적으로 얻는 것은 단순한 영상 요약이 아니라, 다음 창작 단계에 바로 넘겨 사용할 수 있는 Hook Outline + 전체 영상 구조 템플릿입니다. 이 Skill이 하지 않는 일 다음 작업은 하지 않습니다. 최종 새 Hook을 대신 작성하지 않습니다. BRENS를 사용해 오프닝을 평가하거나 다시 작성하지 않습니다. 업계 전체나 채널을 대규모로 검색하지 않습니다. 완성된 스크립트를 생성하지 않습니다. 설명 이미지, 소스 자료, 애니메이션 또는 썸네일을 생성하지 않습니다. 참고 샘플을 대규모로 찾는 작업은 상위 단계인 「불씨｜YouTube 콘텐츠 연구원」의 역할이며, 직접 Hook을 다듬는 작업은 이후의 해당 Skill에서 진행합니다.
연구불씨｜YouTube 콘텐츠 연구자
영상을 하나 만들고 싶은데, 다른 사람들은 이미 이 주제를 어떻게 다뤘는지 모르겠나요? 「불씨｜YouTube 콘텐츠 연구자」는 실제로 YouTube에 들어가 관련 영상을 찾고, 자막을 읽고, 제목과 시작 30초를 분석하며, 콘텐츠 구조를 복원합니다. 또한 여러 샘플에서 반복적으로 나타나는 표현 방식, 뚜렷한 차이점, 아직 제대로 다뤄지지 않은 빈틈을 찾아냅니다. 다음과 같은 작업에 활용할 수 있습니다: 하나의 주제에서 어떤 콘텐츠가 반복적으로 활용되고 있는지 조사 한 영상이 실제로 어떻게 설명되고 전개되는지 깊이 분석 한 채널의 주제 선정, 제목, 콘텐츠 제작 습관을 스캔 시작 30초의 Hook과 전체 영상 구조 분석 기존 영상에서 새로운 제작 방향 찾기 내 완성 영상의 포장을 어떻게 다시 구성할지 연구 영상 하나의 조회수가 높다는 이유만으로 “이 제목은 반드시 효과가 있다”고 단정하지 않습니다. 자막, 타임스탬프 또는 성과 데이터를 확보하지 못한 경우에도 어떤 근거가 부족한지 명확히 알려드립니다. 최종적으로 제공하는 것은 단순한 영상 요약 모음이 아니라, 다음 단계의 주제 선정, Hook 또는 스크립트 작업에 바로 전달할 수 있는 YouTube 연구 브리프입니다. 대상: YouTube 크리에이터, 영상 기획자, 콘텐츠 운영자, 그리고 촬영을 시작하기 전에 “다른 사람들은 이 주제를 어디까지 다뤘을까?”를 먼저 확인하고 싶은 사람
엉뚱한 영단어 암기
영어 단어 하나를 입력하면 연속 만화 형식의 기억 카드 한 장을 만듭니다. 발음 연상, 뜻, 예문을 하나의 이어지는 짧은 장면 속에 담아 말풍선·간판·의성어로 표현합니다. 이미지 밖에는 한 줄의 헤더 정보와 한 줄의 회상 힌트만 남깁니다. 정교함보다 강렬한 인상을 우선하며, 아동에게 안전한 표현을 사용합니다.
다음으로 즐겨 쓸 스킬을 찾아보세요
연구, 창작, 일상 업무에 유용한 엄선된 AI 스킬을 더 탐색해 보세요.