클로드스킬마트스킬 둘러보기바로 쓰는 문장이미지 명령어영상으로 배우기터미널 사용법스킬이 뭐예요?
← 목록으로

ELI5 코드 설명 캔버스

코드베이스·기능·PR을 아무것도 모르는 사람에게 한 조각씩 자라나는 PR Lens 캔버스로 설명해 줍니다.

개발·코딩중급★ 1,932⑂ 71AI 점수 9/10마지막 업데이트: 2026. 10. 4.

무엇을 해주나

코드를 읽고 "이게 사람에게 무엇을 해주는가"를 48자 이내 한 문장으로 먼저 정리한 뒤, 그 문장을 증명하는 다이어그램을 처음부터 다 보여주지 않고 2개의 박스에서 시작해 한 번에 1~3개씩 늘려가는 워크스루 캔버스로 만들어 줍니다.

  • .pr-lens/graph.json 그래프 문서 작성 (레인·노드·엣지·플로우 규칙 포함)
  • 점점 자라는 뷰(view) 설계 + 최대 9단계 워크스루 대본 작성
  • PR Lens CLI로 검증 → 렌더 → 캔버스 push, 공유 링크 반환
  • "leverages, orchestrates, pipeline, handler" 같은 전문 용어 금지 규칙으로 쉬운 말만 사용

이런 분께 추천

  • 신규 입사자 온보딩 자료를 매번 손으로 만들던 테크리드
  • 비개발자(기획·디자인·경영진)에게 시스템 구조를 설명해야 하는 개발자
  • 오픈소스 저장소에 "이 프로젝트는 뭐하는 건가요" 설명이 필요한 메인테이너
  • 리뷰어에게 PR의 맥락을 그림으로 전달하고 싶은 사람

활용 예시

  1. /eli5 결제 모듈 → "결제 버튼을 누르면 카드사에 돈을 요청합니다" 한 문장 + 브라우저→서버→PG사 레인으로 자라는 캔버스 링크
  2. 신규 입사자에게 "이 저장소 전체를 5살에게 설명하듯 알려줘" → 제품이 하는 일 3~5가지를 먼저 보여주고, 그중 핵심 경로만 단계별로 확장
  3. 큰 PR을 열어두고 "이 변경을 비개발자 PM에게 설명해줘" → 변경 지점을 hero 엣지로 강조한 워크스루 생성

· · · 설치 가이드 · · ·

설치 없이 지금 한 번 써보기

아래를 Claude에 붙여넣으면 설치하지 않고도 이 스킬을 그대로 씁니다.

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/coldteadotai/pr-lens/HEAD/skills/eli5/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

Claude가 링크를 열지 못하면, 링크를 직접 열어 내용을 복사해 붙여넣으세요.

↓ 쓸 만하면 아래에서 ZIP을 받아 설치하세요. 그러면 매번 붙여넣지 않아도 알아서 작동합니다.

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ ZIP 내려받기
Claude Code에 설치

Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 coldteadotai/pr-lens 의 skills/eli5 폴더를 내 ~/.claude/skills/eli5/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.

직접 명령으로 설치하기

git clone https://github.com/coldteadotai/pr-lens.git /tmp/pr-lens && mkdir -p ~/.claude/skills && cp -r /tmp/pr-lens/skills/eli5 ~/.claude/skills/

⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

  1. Node.js가 설치되어 있는지 확인합니다 (node -v). PR Lens CLI는 npx로 실행됩니다.
  2. 터미널에서 저장소를 내려받습니다: git clone https://github.com/coldteadotai/pr-lens.git
  3. 스킬 폴더를 Claude Code 스킬 경로로 복사합니다: mkdir -p ~/.claude/skills && cp -r pr-lens/skills/eli5 ~/.claude/skills/
  4. (권장) 같은 저장소의 기본 pr-lens 스킬도 함께 복사합니다. 이 스킬은 PR Lens 매뉴얼 규칙을 전제로 동작합니다.
  5. 설명하고 싶은 프로젝트 폴더에서 Claude Code를 실행하고 /eli5 <설명할 대상> 또는 "이 코드를 초보자에게 쉽게 설명해줘"라고 요청합니다.
  6. 처음 실행 시 npx @coldtea/pr-lens-cli@latest skill 다운로드 승인이 필요할 수 있습니다. 완료되면 https://prlens.dev/c/... 형태의 캔버스 링크가 출력됩니다.