diagram-design
시스템 구조, 처리 흐름, 상태 전이, 시퀀스, 데이터 모델, 조직도와 의존 관계 같은 기술·제품 다이어그램을 설계해 self-contained HTML과 inline SVG로 만들 때 로드한다. 정량 데이터 차트는 tufte-charts가, 화면 구조 탐색은 html-wireframe이, 목업과 프로토타입은 html-prototype이, 제품 UI 코드는 frontend-design이, 전체 리포트 구성은 html-report가, 단계로 나눠 만져 보며 이해하는 설명 지면은 html-explainer가 맡는다.
- Compatibility
- SaveFile 빌트인이 제시된 런에서는 HTML 파일로 남기고, 없으면 코드 블록으로 낸다. 브라우저가 없어 렌더링을 직접 확인하지 못하므로 확인하지 못한 항목을 밝힌다.
Pinned to revision 4d724b82b42f, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/diagram-design/SKILL.md
- skills/diagram-design/references/design-system.md
- skills/diagram-design/references/process-diagrams.md
- skills/diagram-design/references/relationship-diagrams.md
- skills/diagram-design/references/semantic-patterns.md
- skills/diagram-design/references/svg-implementation.md
- skills/diagram-design/references/system-diagrams.md
- skills/diagram-design/references/template.md
- skills/diagram-design/references/type-selection.md
Every link opens the file at its source, pinned to the revision this page describes.