ABLE

실무 자료실무 자료·디자인공식 문서

Diagram Design: 편집형 다이어그램 제작 스킬

편집 중요도 3/5다이어그램에이전트 스킬SVG
원문 읽기 · Cathryn Lavery / Diagram Design ↗(새 탭에서 열림)

GeekNews 링크는 발견 경로다. 기능과 조건은 Cathryn Lavery의 원 저장소 README·LICENSE에서 확인했다.

무엇인가

  • 에이전트가 내용에 맞는 도식 유형을 선택해 자체 포함 HTML·SVG를 만드는 공개 스킬이다.
Diagram Design의 아키텍처 도식. 독자에서 Cloudflare·Astro 원본·MDX 번들·콘텐츠 관리 시스템까지의 흐름.도표 크게 보기 ↗ (새 탭에서 열림)
원저장소 예시. Diagram Design의 편집형 아키텍처 도식

프로젝트가 제공하는 도식 스타일의 예다. 실제 ABLE 운영 구성을 나타내지 않는다.

출처: Cathryn Lavery · docs/screenshots/architecture.png · commit 550fd66
원문 도표·설명 ↗ · MIT
원본 래스터를 메타데이터 없는 WebP로 재인코딩하고 최대 폭 1280px로 조정했다. 투명 영역은 흰색으로 채웠다.

저작권·라이선스 고지
MIT License

Copyright (c) 2025 Cathryn Lavery

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

언제 쓰나

  • 제품 구조, 사용자 여정, 서비스 흐름을 설명하는 발표·문서용 그림을 구상할 때 참고한다.

작게 시작하는 방법

  • README의 유형 목록과 한계 설명을 읽고 한 장의 정보 위계·강조점·검수 기준을 먼저 정한다. 이번 검수에서는 명령을 실행하지 않았다.

조건과 한계

  • MIT 고지 조건과 제3자 자산 권리를 확인한다. 정적 결과의 편집성·재현성은 원 저장소가 한계로 밝힌다.

함께 확인할 조건

  • 설치·실행·산출 품질을 시험하지 않았고 결과는 사용 모델과 입력에 따라 달라질 수 있다.
  • 원 저장소는 생성 결과가 편집 가능한 원본 형식이 아니며 매번 같은 배치를 보장하지 않는다고 설명한다.
  • 제3자 폰트·이미지와 외부 사이트 정보를 사용할 때 별도 권리·공개 범위를 확인해야 한다.

출처와 편집 기준

Cathryn Lavery / Diagram Design · 공식 문서 · 자료 확인 2026.10.18 (KST)

요약은 원문의 핵심을 정리했으며, 커머스 인사이트는 편집 해석이다.