# diagram-design

> 에이전트로 그리는 편집 도식 — 편집 디자인 관점의 도형 38종을 HTML·SVG로 만들어 줍니다.

- 페이지: https://tesign.com/item/diagram-design/
- JSON: https://tesign.com/item/diagram-design/index.json
- 영어 마크다운: https://tesign.com/en/item/diagram-design/index.md
- 생성 시각: 2026-09-17 01:56 UTC

## 순위

- 역대 162위 · 이번 주 급상승 10위 · 디자인 분야 7위 (기준 2026-09-16 21:00 UTC)

## 숫자

- 별 40,194 — GitHub에서 2026-09-15 19:33 UTC 확인 (+31 확인 이후 관측)
- 7일 +548은 GH Archive 관측 (기준 2026-09-16 21:00 UTC)
- 24h +29 ★ · 30d +1,485 ★ (기준 2026-09-16 21:00 UTC)
- 별 총합 = GitHub에서 마지막으로 확인한 값(stars_checked_at) + 그 뒤 GH Archive에서 관측한 증가. 24h·7d·30d 증가는 GH Archive 시간별 이벤트를 기준 시각(as_of)까지 합한 값. 우리 점수는 없습니다.

## 한눈에 보는 사실

- 라이선스: MIT (허용적) — https://spdx.org/licenses/MIT.html
- 사용 범위: 상업 이용·수정·재배포 가능. 저작권 고지는 유지.
- 오픈소스: 예
- 언어: HTML
- 플랫폼: [확인 필요]
- 분류: 디자인 · 개발 도구
- 태그: diagrams · agent-skills · svg
- 바로 쓰기: 개발자용
- 출처: GitHub https://github.com/cathrynlavery/diagram-design
- USE PACKAGE: https://cathrynlavery.github.io/diagram-design

## 활동

- 마지막 커밋: 2026-09-15 14:50 UTC
- 최근 릴리스: 릴리스 없음
- 기여자: 39
- 열린 이슈 (PR 포함): 46
- 만든 이: 개인
- GitHub 확인 시각: 2026-09-15 19:33 UTC

## TESIGN TAKE

에이전트 도식이 늘 비슷해지는 문제를 '유형 39종 + 편집 디자인 규칙'으로 푼 점이 실용적입니다.

## 왜 볼 만한가

에이전트에 도식을 맡기면 대개 어디서 본 듯한 기본 다이어그램이 돌아옵니다. diagram-design은 편집 디자인 관점에서 정리한 38가지 도형 종류를 스킬로 묶어 Claude Code·Codex·Pi에서 골라 쓰게 합니다. 결과는 의존성 없는 HTML과 SVG라 문서에 그대로 넣을 수 있습니다. MIT 라이선스로 공개돼 있습니다.

## 이걸로 무엇을 만들 수 있나

- 보고서에 그대로 넣는 도식 세트
- 제품 문서에 쓰는 다이어그램 스타일 기준
- 발표 자료에 붙일 SVG 도형 묶음

## 누구에게 맞나

- 기획자 — 보고서·제안서에 넣을 도식이 필요할 때
- 기술 문서 담당자 — 제품 문서의 도식 스타일을 통일할 때
- 마케터 — 발표 자료용 SVG 도형이 필요할 때

## 5분 안에 시작하기

```
# Claude Code 프롬프트에서:
# /plugin marketplace add cathrynlavery/diagram-design
# /plugin install diagram-design@diagram-design
# Codex:
$ codex plugin marketplace add cathrynlavery/diagram-design
$ codex plugin add diagram-design@diagram-design
```

## 주의할 점

- Claude Code는 서드파티 마켓플레이스 자동 업데이트가 기본 꺼져 있습니다
- Figma 같은 편집기가 아니라 에이전트에 요청해 생성하는 방식입니다

## 영수증

- TESIGN이 처음 본 시각: 2026-09-13 07:43 UTC
- 출처 등록: 2026-04-16 18:01 UTC
- 선정: 2026-09-13 11:32 UTC
- TESIGN 게재: 2026-09-13 11:32 UTC
- 소개 글 마지막 수정: 2026-09-15 04:36 UTC

## 읽는 법

- 이 파일은 tesign.com 항목 페이지와 같은 빌드에서 같은 데이터로 만들어졌습니다. 소개 글은 편집자가 쓴 것이고, 숫자는 저장된 관측값입니다.
- JSON의 null은 관측하지 않았다는 뜻입니다 — 0이 아닙니다. 마크다운에서는 [확인 필요]로 적습니다.
- 별 총합 = GitHub에서 마지막으로 확인한 값(stars_checked_at) + 그 뒤 GH Archive에서 관측한 증가. 24h·7d·30d 증가는 GH Archive 시간별 이벤트를 기준 시각(as_of)까지 합한 값. 우리 점수는 없습니다.
- 요약이며 법적 조언이 아닙니다.

[대표 이미지] https://tesign.com/img/diagram-design-e6998b0281.webp