Diagram Design

Diagram Design 은 Claude Code 와 Codex, Pi 에서 쓰는 스킬입니다. 결과는 인라인 SVG 가 담긴 자립형 HTML 파일 하나로 나옵니다. 의미 패턴을 배치와 분리해 두어서 큐나 정책 추적, 신뢰 경계처럼 새 종류가 필요해 보이는 그림도 기존 시각 유형을 재활용해 그립니다. 기본은 정적 출력이고, 순서가 있는 설명에만 움직임을 선택적으로 붙입니다. draw.io 나 Mermaid 소스를 원하는 형식과 크기, 상세도로 다시 그리는 것도 됩니다.

취향 규칙이 스킬 바깥의 스타일 가이드가 아니라 스킬 안에 들어 있습니다. 강조색은 독자가 가장 먼저 봐야 할 한두 곳에만 쓰고, 밀도는 10점 만점에 4점을 목표로 두며, 모든 노드가 자기 자리를 증명해야 합니다. 만든 사람은 어시스턴트에게 구조도를 부탁할 때마다 사이트 톤과 전혀 맞지 않는 둥근 상자만 돌아와서 직접 만들었다고 적어 두었습니다. 라이선스는 MIT 입니다.