← 블로그 목록

ai와 thorvg 소스를 활용한 학습 보조 후기

@DaengDo
  • #Tips

TL;DR

확실한 근거가 되는 자료(thorvg)와 함께 /teach 스킬을 사용해서 학습을 보조해보세요. https://github.com/mattpocock/skills


1. ai 선생님

ai가 생겨나며 부끄러움 없이 모든걸 허심탄회하게 물어볼 수 있는 심리적으로 편안한 선생님이 생겼다.

정답이 있는 단답 형식의 설명을 원한다면 짧은 질답 형식으로 충분히 해결을 볼 수 있다. 정말 좋은 선생님이다.

단 한가지의 문제를 제외한다면..

바로 선생님이 나를 기억하지 못하는 안면인식 장애를 지녔다는 것 이다.

2. stateless 1

Pasted image 20260725084017

ai에게 모르는 것을 질문하면 내 목표나 수준을 모른 채 누구에게나 똑같은 일반적인 설명을 출력한다.

3. statelss 2

Pasted image 20260725083448

내 학습 진도나 기록 혹은 선호도 같은 것을 주제 별로 관리하기 힘들다.

(기존의 컨텍스트를 긁어와서 복붙하거나 내가 알고 있는 모든 것을 매번 컨텍스트로 제공해야 함)

4. /teach 를 사용해보자

Pasted image 20260725085236

matt pocock의 skills 저장소에 있는 /teach 스킬은 위 문제점들을 해결하는데 큰 도움이 된다.

‘무엇을 설명할까’가 아니라 ‘이 사람에게 맞는 게 무엇일까’ 로 항상 접근하기 때문에

이 스킬을 사용하면

  • 왜 배우려 하는지
  • 현재 수준은 어떤지
  • 목표 기준은 무엇인지
  • 어떤 방식으로 배우는 걸 선호하는지

를 먼저 파악하려 한다.

5. /teach

저장소 readme를 따라서 각자 개인 환경에 맞게 셋업 한 후

에이전트 질문창에

  • /teach
  • /teach (전달하고 싶은 정보)

두 시작점 중 아무 것이나 고르면 된다.

/teach 가 ai의 메모리 관련 문제를 해결하는 방법은 으레 그렇듯이 파일 시스템이다. 생성되는 파일들은 아래와 같다.

  • MISSION.md: 사용자가 이 주제를 배우려는 이유와 최종 목표
  • reference/*.html: 문법, 알고리즘, 용어집 같은 빠른 참고 자료
  • RESOURCES.md: 학습 자료 목록
  • learning-records/*.md: 사용자가 배운 내용의 기록
  • lessons/*.html: 하나의 좁은 주제를 가르치는 독립적인 HTML 파일
  • assets/*: 여러 수업이 공유하는 CSS, 퀴즈, 시뮬레이터 등의 구성 요소
  • NOTES.md: 사용자의 학습 선호나 작업 메모

6. thorvg를 잘 아는 선생님으로 만들자

나는 thorvg 저장소를 탐구하며 배경 지식의 빈 칸을 채우고 싶어서 thorvg/teach 를 함께 사용하기 용이한 환경으로 로컬 환경을 구성했다. (폴더 범위 못벗어나게 샌드박스 환경 활성화)

thorvg_최상위폴더/
├── thorvg/
├── thorvg.web/
└── thorvg.example/

이렇게 구성하면 에이전트가 여러 소스를 참고하기 좋다. (깃 서브모듈로 thorvg저장소를 참고할 수 있는 저장소도 있긴 함)

7. 나의 활용 사례

나는 cubicTo api 구현체를 살펴보며 베지에 곡선도 함께 복습하는 방식으로 활용했다.

아래 내용은 학습을 시작하기 위해 실제로 내가 사용한 질문이다.

/teach 그래픽스 이론을 공부하는 모듈 새로 learing-resources에서 시작할거야. 2d 그래픽스 중 베지어 곡선에 대한 완벽한 이해를 목표로 하고 thorvg의 cubicTo api가 어떻게 이를 구현해냈는지 파악하는것까지가 목표야. 어떻게 해야할지 여러 계획들을 제시해주면 그중에 하나를 선택할게

위 답변 이후 인터렉티브한 요소가 포함된 html 수업 자료가 생성이 된다.

image

매 수업은 제공된 자료를 기반한 퀴즈와 내가 완성해야 할 문장을 제공하기 때문에 인출 위주 학습이 이뤄진다.

8. 불편하다면 개선

원래 /teach 스킬 자체는 항상 최상위 경로에 동일한 산출물을 제공하기 때문에 학습 자료가 뒤섞인다.

image

하지만 내 폴더 구조를 보면 learning-resources 라는 폴더에 주제별 학습 자료가 격리된 것이 보일 것 이다.

뭔가 불편함을 느꼈다면 에이전트에게 요청해서 스킬을 편집하거나 만들면 된다.

나 같은 경우는 프론티어급 모델의 성능에 기대어 기본 제공되는 스킬 중 하나인 skill-creator를 활용, /teach 스킬에 learning-resources 폴더를 통해 학습 자료를 격리하도록 지시했다.

9. 후기

thorvg와 2d 그래픽스 의 경우와 같이 배우고자 하는 이론과 구현체가 동시에 있다면 할루시네이션을 극적으로 줄일 수 있어 특히 유용한 것 같다.

ai를 활용한 학습에서 메모리 문제로 토큰만 낭비하거나 web ui의 질문답변의 ux에 불편을 겪었다면 /teach를 한번 사용해보는 것은 어떨까

댓글

Discussion 원문