Anatomy

예시 체험

중2 과학 — 저항과 도선 길이의 관계 도해(슬라이딩 저항기) 만들기

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

선생님이 입력한 내용

중학교 2학년 과학 '전기와 자기' 단원에서 저항의 크기가 도선의 길이에 비례한다는 것을 설명하려는 상황이다. 수업 첫 10분에 화면에 띄워 함께 볼 설명용 도해가 필요하다.

중학교 2학년 과학 '전기와 자기' 단원에서 '저항은 도선의 길이에 비례한다'는 것을 설명할 도해를 만들고 싶어요. 실험실에서 쓰는 슬라이딩 저항기(활저항기)를 아이소메트릭 그림으로 그려 주세요. 위쪽 슬라이더를 움직이면 접촉점이 코일을 짚는 위치가 달라지고, 그때 회로에 들어가는 도선의 길이와 저항 값이 함께 바뀌는 것을 보여 주세요. 값은 0∼10 Ω 범위의 수업용 예시 값으로 하고, 슬라이더를 마우스로 옮기거나 방향키로 움직일 수 있게 해 주세요.

나온 결과

슬라이더의 접촉 손가락이 코일을 짚은 지점까지의 도선 길이가 회로에 들어간다. 저항은 도선의 길이에 비례하고 단면적에 반비례한다 (R = ρL/A). 그림 속 길이 0.17 m · 저항 5.6 Ω은 수업에서 쓰기 좋게 정한 수업용 예시 값이다.

직접 해 보기 — 3단계

1. GitHub에서 이 스킬(Anatomy)을 내려받아 Claude Code·opencode 같은 AI 에이전트에 설치한다. Node.js 20.10 이상이 필요하다.
2. 무엇을 설명할지, 어떤 물체로 보여 줄지 적은 문장을 붙여 넣는다. 위 문장을 그대로 쓰거나 바꿔 써도 된다.
3. 만들어진 HTML 파일을 브라우저로 열어 슬라이더를 마우스나 방향키로 움직여 보고, 값(길이·저항)과 눈금이 수업에 맞는지 확인한다.

수업 상황은 이해를 돕기 위해 꾸민 예시입니다. 만든 방법: opencode (DeepSeek) + 이 스킬 (Anatomy) · 확인일 2026-10-16. 그림은 스킬이 만든 HTML 파일을 헤드리스 브라우저로 열어 그대로 찍은 화면이다(어두운 테마, 애니메이션은 멈춘 한 순간, 위치는 가운데 근처). 이 스킬은 Node.js만 있으면 되는 자체 제작 키트로 SVG 도해를 만들며, 이 경우 별도 API 키나 편집 앱 없이 그대로 만들었다. 화면 속 '길이 0.17 m · 저항 5.6 Ω' 같은 숫자는 실제 측정값이 아니라 수업에서 쓰기 좋게 정한 수업용 예시 값이고, 그림 안내 문구는 영어, 값 표시만 한국어다. 저항이 도선의 길이에 비례한다는 관계(R = ρL/A)는 단면적과 재질이 같을 때 성립하므로, 단원 성취기준과 교과서 표현에 맞는지, 또 예시 값 범위가 수업에 알맞은지 교사가 확인해야 한다. 3D·셰이더 기능은 쓰지 않고 기본 SVG 도해만 사용했다.

써 보려면

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

출처

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

라이선스