도구 › 이미지·디자인
cathrynlavery/diagram-design
활발 2일 전 커밋 · 2026-09-11 소개
순서도·타임라인 같은 도식을 HTML·SVG로 그리는 스킬
어떤 도구인가
순서도, 시퀀스, 타임라인, 조직도, 벤 다이어그램 등 수십 종의 도식을 정해진 편집 디자인으로 그려주는 스킬이다. 클로드 코드, 코덱스 같은 코딩 에이전트에 붙여 쓰고, 빌드 없이 바로 열리는 HTML·SVG 파일로 내보낸다. 기존 머메이드나 draw.io 도식을 다시 그릴 수 있다. 웹사이트 주소에서 색과 글꼴을 뽑아 브랜드 톤에 맞출 수도 있다.
정보
분야이미지·디자인
언어HTML
라이선스MIT
마지막 커밋2026-10-16
포크3,650
확인일2026-10-18
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, and Pi. 44 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.