whatis — 그림 먼저 설명기

무엇을 해주나

/whatis <주제>라고 입력하거나 "이게 뭐야?", "어떻게 동작해?"라고 물으면, Claude가 긴 문단 대신 큰 그림 중심의 HTML 페이지를 만들어 브라우저로 열어줍니다.

• 외부 의존성 없는 자체 완결형 HTML(인라인 SVG/CSS)을 임시 폴더에 생성한 뒤 바로 열어줍니다.
• 플로우차트, 시퀀스/상태 다이어그램, 아키텍처 블록도, C4, 의존성·호출 그래프, ER·클래스 다이어그램, 스윔레인, 타임라인, 간트, git 그래프, before/after 비교, 차트 등에서 주제에 맞는 형태를 골라 조합합니다.
• "한 다이어그램에 한 가지 요점", "멀리서는 뼈대만, 가까이서는 주석"이라는 가독성 규칙을 따릅니다.
• 설명 문장은 사용자의 언어를 따르되 기술 용어·API 이름·CLI 명령·에러 문자열은 영어 원문 그대로 유지합니다.
• 근거 없는 내용은 그리지 않고, 맥락이 부족하면 먼저 조사한 뒤 그립니다.

이런 분께 추천

• 새로운 코드베이스나 시스템 구조를 빠르게 머릿속에 넣고 싶은 개발자
• 비개발자 동료·고객에게 구조나 흐름을 설명할 자료가 필요한 분
• 낯선 개념을 글보다 그림으로 이해하는 것이 편한 학습자

활용 예시

1. /whatis OAuth 2.0 인가 코드 흐름 → 클라이언트·인가 서버·리소스 서버가 등장하는 시퀀스 다이어그램 페이지 생성
2. "이 저장소의 요청 처리 경로가 어떻게 돼?" → 실제 코드를 읽어 호출 그래프와 아키텍처 블록도를 그려줌
3. "쿠버네티스 파드와 디플로이먼트 차이가 뭐야?" → 비교형 블록도 + 간단한 캡션으로 정리

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/suyuan2022/suyuan-skill/HEAD/whatis/SKILL.md

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

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