Skill 사례 7
eli5 플러그인으로 그림 위주 설명 페이지를 만든 뒤 HTML 아티팩트를 브라우저에서 직접 열어 확인할 수 있습니다.
단계 1 / 7
eli5는 Anthropic이 운영하는 커뮤니티 마켓플레이스(설치할 수 있는 플러그인을 모아 둔 목록)에 올라온 무료 플러그인입니다. 제작자는 Thariq Shihipar입니다.
저장소의 eli5 폴더에서 무엇을 하는 플러그인인지와 부르는 방법을 직접 읽을 수 있습니다.
단계 2 / 7
목록이 이미 등록되어 있으면 설치만 진행합니다.
anthropics/claude-plugins-community 마켓플레이스를 등록하고 거기 있는 eli5 플러그인을 설치해 줘. 설치가 끝나면 어떻게 부르는지 한 줄로 알려 줘.
마켓플레이스가 등록되고 eli5가 설치 완료로 표시됩니다. 부르는 방법은 /eli5 뒤에 주제를 적는 것입니다.
터미널에서 claude 명령으로 연 Claude Code 화면 안에서 한 줄씩 입력합니다.
/plugin marketplace add anthropics/claude-plugins-community /plugin install eli5@claude-community
단계 3 / 7
새 대화에서 슬래시 명령 목록에 eli5가 보이면 연결된 것입니다.
새 대화에서 /eli를 입력하면 목록에 eli5가 뜹니다.
단계 4 / 7
결과는 그림과 짧은 문장으로 된 HTML 아티팩트 한 장입니다. HTML 아티팩트는 브라우저에서 여는 웹 문서 파일입니다.
/eli5 MCP가 무엇인지, AI 도구를 처음 쓰는 사람 기준으로
장면 서너 개로 나뉜 HTML 페이지가 만들어지고 각 장면은 그림 하나와 문장 한두 개로 끝납니다.
단계 5 / 7
제목부터 마지막 장면까지 내려 보면서 그림과 짧은 문장이 어떤 순서로 이어지는지 확인합니다.
새 탭에 「MCP를 아주 쉽게」라는 제목과 네 장면이 보입니다. 각 장면에는 큰 그림 하나와 짧은 설명이 붙습니다.
단계 6 / 7
답변에 표시된 HTML 파일이나 아티팩트 링크를 선택합니다. 열 수 있는 항목이 보이지 않으면 아래 문장을 보냅니다.
방금 만든 eli5 HTML 아티팩트를 브라우저에서 열어 줘. 이미 만든 파일을 다시 만들지 말고 그 파일을 열거나 클릭할 수 있는 경로를 알려 줘.
브라우저의 새 탭이나 미리보기 화면에 내가 요청한 주제의 설명 페이지가 열립니다.
단계 7 / 7
이 단계는 설명을 업무 판단이나 수업자료에 쓰기 전에 거칩니다.
방금 만든 설명에서 쉽게 말하려고 빼거나 단순화한 조건을 알려 줘. 각 조건을 확인할 수 있는 공식 문서 링크도 붙여 줘.
빠진 조건과 예외가 목록으로 나오며 확인할 공식 문서 링크가 함께 붙습니다.