카테고리: 디자인
다이어그램 디자인
아키텍처도, 플로차트, 시퀀스, ERD, 타임라인 등 45가지 다이어그램을 브랜드에 맞춘 SVG HTML로 만드는 스킬입니다.
할 수 있는 일
- 아키텍처, 플로차트, 시퀀스, 상태 머신, ERD, 스윔레인, 조직도, 퍼널, 히트맵 등 45종
- 인라인 SVG가 들어간 단일 HTML 파일로 출력
- 프로젝트별 색상·서체 스타일 가이드를 먼저 맞춘 뒤 생성
이런 때 쓰세요
발표 자료나 문서에 넣을 도식을 디자이너 없이도 깔끔하고 일관된 스타일로 만들고 싶을 때 씁니다.
설치 방법
- 터미널에서 아래 명령을 실행합니다. 사용하는 에이전트(Claude Code, Codex, Cursor, Gemini CLI, Copilot 등)를 고르면 맞는 폴더에 설치됩니다.
npx skills add https://github.com/cathrynlavery/diagram-design --skill diagram-design
- 직접 설치하려면 GitHub 저장소에서
diagram-design스킬 폴더를 내려받아~/.claude/skills/나.cursor/skills/같은 에이전트의 skills 폴더에 복사합니다. - 에이전트에게 관련 작업을 요청하면 스킬이 자동으로 사용됩니다.