가이드디자인·UX

AI 다이어그램 스킬 설치와 첫 결과물 검수

diagram-design 스킬을 설치한 뒤 다이어그램 유형·브랜드 스타일·접근성·내보내기 결과를 순서대로 검수하는 가이드입니다.

  1. 1

    저장소와 설치 방식을 확인합니다

    공식 저장소의 skill 경로와 현재 설치 방법을 확인하고, 개인 프로젝트에 맞는 방식으로 설치합니다.

  2. 2

    문제에 맞는 다이어그램을 고릅니다

    흐름은 플로우차트, 역할 간 전달은 시퀀스, 구조는 아키텍처처럼 전달할 관계에 맞춰 유형을 정합니다.

  3. 3

    브랜드와 접근성을 검수합니다

    색상 대비, 글꼴, SVG의 대체 텍스트와 라벨을 확인해 이미지가 문서 맥락 없이도 이해되는지 검토합니다.

  4. 4

    HTML 원본과 내보낸 파일을 함께 확인합니다

    브라우저에서 원본을 확인한 뒤 PNG 또는 SVG 내보내기 결과가 잘리지 않고 읽히는지 점검합니다.

다이어그램은 유형 선택에서 절반이 결정됩니다

좋은 다이어그램은 꾸밈보다 관계를 정확히 보이게 하는 데서 출발합니다. 먼저 독자가 봐야 할 것이 흐름·시간·계층·비교 중 무엇인지 정하고, 그에 맞는 유형을 선택합니다.

스킬 설치 뒤에는 기본 스타일을 그대로 쓰지 않습니다

diagram-design은 프로젝트의 색상과 글꼴을 반영하는 온보딩을 제공합니다. 브랜드 토큰을 검토하고 대비가 충분한지 확인한 뒤, 작은 예제 한 장으로 스타일을 확정합니다.

내보낸 파일에서 다시 읽어봅니다

HTML에서 괜찮아 보이던 작은 글자는 슬라이드나 문서에서 읽기 어려울 수 있습니다. SVG와 PNG 모두 열어 보고, 핵심 라벨·대체 텍스트·여백을 최종 확인합니다.

공식 자료: diagram-design 저장소