Mindmap Skills

예시 체험

중1 국어 — '설명하는 글쓰기' 짜임·설명 방법 마인드맵 만들기

꾸민 수업 예시 직접 생성 — 에이전트 제작 새 창에서 크게 보기

선생님이 입력한 내용

중학교 1학년 국어 '설명하는 글쓰기' 단원 수업 준비. 설명하는 글의 짜임과 여러 가지 설명 방법을 학생들과 한눈에 정리하려고, 수업 중 화면에 띄워 함께 볼 마인드맵이 필요한 상황이다.

중학교 1학년 국어 '설명하는 글쓰기' 단원 수업을 준비하고 있어요. '설명하는 글의 짜임과 설명 방법'을 주제로 마인드맵을 만들어 주세요. 한국어로 만들고, 수업 중 화면에 띄울 수 있게 브라우저에서 바로 열리는 HTML까지 만들어 주세요.

나온 결과

전체 짜임 — 처음: 화제 제시·목적 밝히기 / 가운데: 설명 방법으로 내용 전개 / 끝: 내용 요약·정리 / 이어 주기: 지시어·접속어로 연결 설명 방법 — 정의·예시·비교와 대조·분류·분석·서술·인과·열거

직접 해 보기 — 3단계

1. opencode 같은 AI 에이전트에 저장소 안내대로 mindmap 스킬을 설치하고(설치에 Node.js 필요), 새 대화를 연다.
2. 학년·단원과 만들고 싶은 주제를 적은 문장을 붙여 넣는다. 화면에서 넘겨 보려면 --render를 함께 적는다. 위 문장을 바꿔 써도 된다.
3. 만들어진 .mindmap.md와 HTML 파일을 markmap.js.org 또는 브라우저에서 열어 가지 이름과 낱말을 확인하고, 교과서·교육과정과 맞는지 고친다.

수업 상황은 이해를 돕기 위해 꾸민 예시입니다. 만든 방법: opencode (DeepSeek) + 이 스킬 (mindmap) · 확인일 2026-10-16. 그림은 스킬의 --render 절차(render.sh → npx markmap-cli)로 실제로 만든 HTML을 헤드리스 브라우저로 캡처한 것이다(내용을 손으로 고치지 않았다). 주제를 넣어 만든 지도라 내용은 모델이 아는 지식에서 온 것이라, 게시 전에 교과서와 성취기준에 맞는지 선생님이 반드시 대조해야 한다. 이 지도에는 측정값 같은 숫자가 없으며, 만약 숫자를 넣는다면 그 값은 수업용 예시 값으로 표시하고 실제로 확인한 값처럼 쓰지 않는다. 만든 HTML은 인터넷의 d3·markmap 파일을 불러오므로 인터넷이 되는 곳에서 열어야 하고, 인터넷이 없으면 .mindmap.md를 markmap.js.org에 붙여 넣어 보면 된다. 한국어로 나오게 하려면 --lang ko를 지정해야 한다(기본값은 영어).

써 보려면

1. 저장소 galiacheng/mindmap-skills를 엽니다.
2. 설치가 필요합니다. 절차는 저장소 안내를 따릅니다.
3. 이 기록에는 API 키가 필요하지 않다고 되어 있습니다.

출처

스타 수와 라이선스는 공식 저장소 기준이며, 일일 검증이 다시 확인합니다. 정보 정정 요청

라이선스