피드로 돌아가기
Dev.toInfrastructure
원문 읽기
AI 다이어그램 수동 수정 시간 30분에서 5분으로 83% 단축
I built a skill that makes AI-generated AWS diagrams actually usable
AI 요약
Context
LLM의 draw.io XML 생성 시 발생하는 아이콘 렌더링 오류와 일관성 없는 레이아웃으로 인해 다이어그램당 20~30분의 수동 보정 작업 발생. 특히 아이콘 타입별 strokeColor 규칙 불일치와 Orthogonal routing으로 인한 요소 겹침 현상이 주요 병목 지점으로 작용.
Technical Solution
- 270개 이상의 AWS 아이콘 전수 조사를 통한 Service-level(#ffffff) 및 Resource-level(none) 스타일 매핑 테이블 구축
- 가로 간격을 150px에서 220px로 확장하고 Left-to-Right 흐름을 강제한 레이아웃 제약 조건 설정
- rounded=1 설정 및 explicit exit/entry point 정의를 통한 서비스 간 선 겹침 방지 및 부드러운 곡선 라우팅 구현
- 불필요한 Edge Label 제거 및 1-2단어 제한 규칙을 적용하여 시각적 노이즈 최소화
- 투명 배경 그룹화 규칙 적용을 통해 기존의 불필요한 색상 채우기 제거
- 기술적/비기술적 타겟 대상에 따른 상세 수준 제어 Toggle 메커니즘 설계
실천 포인트
1. 외부 툴의 XML/JSON 스키마 내 스타일 충돌 지점(예: strokeColor 규칙)을 먼저 식별할 것
2. 좌표 기반 레이아웃 설계 시 요소 간 최소 간격(Spacing)과 명확한 진출입점(Entry/Exit Point)을 정의할 것
3. AI의 과잉 생성(Over-labeling)을 방지하기 위해 '제외 규칙'과 '글자 수 제한'을 명시할 것