html-explainer
개념이나 작동 원리를 아무것도 모르는 사람에게 그림으로 설명하는 인터랙티브 HTML 지면을 만들 때 로드한다. 큰 그림과 적은 글자로 단계를 쪼개고, 슬라이더·단계 이동· 토글처럼 만져 보면 이해되는 장치를 넣는다. "쉽게 설명해 줘", "아무것도 모르는 사람에게 설명하듯", "그림으로 보여 줘", "만져 보면서 이해되게", "개념 설명 페이지"가 트리거다. 조사 결과를 산문으로 읽는 리포트는 html-report가, 정적 다이어그램 한 장은 diagram-design이, 제품 결정을 검증하는 목업은 html-prototype이, 수치를 담은 차트는 tufte-charts가 맡는다.
- Compatibility
- SaveFile 빌트인이 제시된 런에서는 HTML 파일로 남기고, 없으면 코드 블록으로 낸다. 브라우저가 없어 렌더링과 상호작용을 직접 확인하지 못하므로 확인하지 못한 항목을 밝힌다.
Pinned to revision 4d724b82b42f, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/html-explainer/SKILL.md
- skills/html-explainer/references/interaction-patterns.md
- skills/html-explainer/references/template.md
Every link opens the file at its source, pinned to the revision this page describes.