스킬 자체의 표현으로
자연어 설명으로부터 Excalidraw 형식의 다이어그램을 생성합니다. 순차적 프로세스를 위한 플로우차트, 엔티티 연결을 위한 관계 다이어그램, 개념 계층을 위한 마인드맵, 시스템 설계를 위한 아키텍처 다이어그램, 데이터 변환 프로세스를 위한 데이터 흐름 다이어그램, 부서 간 워크플로를 위한 비즈니스 플로우 스윔레인 다이어그램, 객체지향 설계를 위한 클래스 다이어그램, 시간에 따른 객체 상호작용을 위한 시퀀스 다이어그램, 데이터베이스 엔티티 관계를 위한 ER 다이어그램 등 아홉 가지 다이어그램 유형을 지원합니다.
계산된 좌표로 배치되고 일관된 색상 체계로 스타일링된 적절한 요소(사각형, 타원, 다이아몬드, 화살표, 텍스트)를 포함하는 .excalidraw JSON 파일을 출력합니다. 파일은 excalidraw.com 또는 VS Code 확장에서 바로 열립니다.
산출물
- 설명적인 파일명을 가진 완전한 .excalidraw JSON 파일
- 생성된 다이어그램 유형과 요소 수를 포함한 요약
- Excalidraw에서 다이어그램을 열고 편집하는 방법에 대한 안내
작동 방식
- 01요청 이해
사용자의 설명을 분석하여 다이어그램 유형(플로차트, 관계도, 마인드맵, 아키텍처), 핵심 요소(엔터티, 단계, 개념), 관계(흐름, 연결, 계층 구조), 복잡도(요소 개수)를 파악합니다.
- 02적절한 다이어그램 유형 선택
키워드를 인식하여 사용자의 의도를 다이어그램 유형에 매칭합니다.
- 03구조화된 정보 추출
다이어그램 유형에 따라 요소를 나열합니다. 플로차트의 경우: 순차적 단계, 결정 지점, 시작 및 종료 지점.
- 04Excalidraw JSON 생성
적절한 요소 유형(rectangle, ellipse, diamond, arrow, text)으로 .excalidraw 파일을 생성하고, 위치(x, y 좌표), 크기(width, height), 스타일(strokeColor, backgroundColor, fillStyle), 폰트(fontFamily: 5는 Excalifont), 연결(화살표를 위한 points 배열)을 포함한 주요 속성을 설정합니다.
- 05출력 형식 지정
type, version, source, elements 배열, appState(viewBackgroundColor, gridSize), files 객체를 포함하여 완전한 Excalidraw 파일 구조를 구성합니다.
- 06저장 및 안내 제공
descriptive-name.excalidraw로 저장하고, excalidraw.com 방문 후 Open 클릭 또는 파일 드래그 앤 드롭, 또는 Excalidraw VS Code 확장 프로그램 사용을 통해 여는 방법을 사용자에게 안내합니다.