Diagramming

json-canvas는 Obsidian 스타일 보드용 유효한 `.canvas` 파일을 만들고 수정할 수 있도록 돕는 스킬로, 올바른 노드, 엣지, ID, 좌표, 그룹, 참조 구조를 갖추는 데 유용합니다.

baoyu-infographic는 21가지 레이아웃과 20가지 스타일을 바탕으로 구조화된 인포그래픽을 만들기 위한 프롬프트 프레임워크입니다. 원본 콘텐츠를 분석하고, 목적에 맞는 레이아웃과 스타일을 고른 뒤, UI 디자인, 비교표, 워크플로, 그 밖의 정보량이 많은 설명 콘텐츠를 명확한 시각 요약으로 정리하는 데 도움이 됩니다.

secure-workflow-guide는 5단계 Solidity 보안 워크플로를 안내합니다. Slither 1차 점검, 기능별 체크, 시각적 검토, 보안 속성 메모, 수동 리뷰까지 포함됩니다. 배포나 릴리스 전에 반복 가능한 secure-workflow-guide 절차가 필요한 스마트 컨트랙트 팀, 감사자, 빌더를 위해 설계되었습니다.

diagram-generator는 구조화된 입력으로 draw.io, Mermaid, Excalidraw 다이어그램을 만들고 편집하는 데 도움을 줍니다. 플로차트, 시퀀스 다이어그램, 클래스 다이어그램, ER 다이어그램, 마인드맵, 아키텍처 다이어그램, 네트워크 토폴로지를 지원하며, 기존 .drawio, .mmd, Excalidraw 파일도 읽어 더 쉽게 수정할 수 있습니다.

excalidraw-diagram은 단순히 박스와 화살표를 나열하는 것이 아니라, 시각적으로 논지를 전달하는 Excalidraw JSON 다이어그램을 만듭니다. 워크플로, 아키텍처, 시퀀스 흐름, 의사결정 경로, 개념도를 구조와 가독성, 실제 관계까지 살려 표현해야 할 때 적합합니다. 설치 안내, 렌더링 인식 점검, 더 나은 다이어그램 작성을 위한 실용적인 워크플로도 포함되어 있습니다.

fireworks-tech-graph는 시스템 설명을 바로 배포 가능한 SVG 및 PNG 다이어그램으로 바꿔 주는 다이어그램 스킬입니다. 설치 안내, 보조 스크립트, 검증 방법, 템플릿, 스타일 참고 자료를 포함하며, 기술 다이어그램, 아키텍처 플로차트, 시퀀스 뷰, 기타 관련 시각 워크플로에 맞게 활용할 수 있습니다.

mermaid-diagrams는 flowcharts, sequence diagrams, class diagrams, ERDs, C4, architecture diagrams를 폭넓게 다루는 실용적인 Mermaid 레퍼런스 skill입니다. 적절한 다이어그램 유형을 고르고, 저장소의 참고 자료를 따라가며, 더 나은 프롬프트와 렌더러 특성을 반영한 문법으로 버전 관리 가능한 문서 친화적 다이어그램을 만들 때 유용합니다.

excalidraw는 시끄럽고 방대한 `.excalidraw` JSON을 서브에이전트에 위임해 Excalidraw 다이어그램을 설명·수정·생성하도록 돕는 워크플로 스킬입니다. 아키텍처 다이어그램, 플로우차트, 기타 다이어그램 인지 작업을 메인 에이전트 컨텍스트를 불필요하게 부풀리지 않고 처리할 때 유용합니다.

uml 스킬은 소프트웨어 모델링용 PlantUML 다이어그램을 만드는 데 도움을 줍니다. 클래스, 시퀀스, 활동, 상태 머신, 컴포넌트, 유스케이스, 배포 등 관련 다이어그램을 포함합니다. 코드, 문서, 저장소 워크플로를 위해 편집 가능하고 자동 정렬되며 텍스트 우선인 다이어그램이 필요할 때 Diagramming에 uml을 사용하세요. 계층형 아키텍처, 차트, BPMN 워크플로에는 적합하지 않습니다.

security skill은 AWS 스텐실을 사용해 PlantUML 보안 아키텍처 다이어그램을 만듭니다. IAM, 암호화, 방화벽, 컴플라이언스, 위협 탐지에 적합합니다. IAM 흐름, 제로 트러스트 설계, 암호화 파이프라인, Security Audit 다이어그램, 검토용 문서화에 활용하세요. 일반적인 클라우드 인프라나 범용 UML 모델링 용도는 아닙니다.

network skill을 사용해 mxGraph 장치 아이콘, 자동 레이아웃, 존 그룹화, 명확한 링크 의미를 갖춘 PlantUML 네트워크 토폴로지 다이어그램을 만들 수 있습니다. LAN, WAN, 엔터프라이즈, 데이터센터, 무선, 보안, 벤더별 다이어그램에 적합하며, network 사용 예시와 함께 network를 uml 또는 cloud 대신 언제 써야 하는지도 안내합니다.

PlantUML로 디바이스, 센서, 게이트웨이, 엣지, 클라우드 서비스 아이콘을 사용해 IoT 아키텍처 다이어그램을 만듭니다. iot skill은 스마트홈, 산업용 IoT, 차량 텔레메트리, 센서 네트워크, 디지털 트윈, 로보틱스에 특히 적합합니다. 일반적인 클라우드 다이어그램이나 UML 다이어그램이 아니라, IoT 용어와 아이콘을 분명하게 표현할 때 사용하세요.

graphviz는 자동 배치되는 방향 그래프와 무방향 그래프를 만드는 DOT 기반 다이어그램 스킬입니다. 의존성 트리, 호출 그래프, 패키지 계층, 소유권 맵처럼 읽기 쉬운 구조가 수동 배치보다 중요한 graphviz for Diagramming 활용 사례에 적합합니다. 에이전트가 오류를 덜 내면서 유효한 DOT를 생성하도록 돕습니다.

data-analytics 스킬은 ETL, ELT, 데이터 레이크, 데이터 웨어하우스, 스트리밍 파이프라인, 로그 분석, BI 대시보드를 포함한 데이터 분석 워크플로용 PlantUML 다이어그램을 생성합니다. 일반적인 소프트웨어나 클라우드 아키텍처 다이어그램이 아니라, 소스에서 대상까지의 흐름이 명확한 표현, AWS 분석/데이터베이스 스텐실, 실무형 data-analytics 가이드 출력에 맞춰 최적화되어 있습니다.

cloud skill을 사용해 AWS, Azure, GCP, Alibaba Cloud, IBM Cloud, OpenStack의 공식 제공업체 스텐실 아이콘으로 PlantUML 클라우드 아키텍처 다이어그램을 만들 수 있습니다. Cloud Architecture에 적합한 강력한 클라우드 가이드로, 설치 및 사용 패턴, 서비스 경계, 실제 배포 다이어그램에 맞는 흐름 인식 레이아웃까지 제공합니다.

canvas는 자유 배치와 명시적인 x/y 좌표를 사용하는 JSON Canvas 다이어그램을 만듭니다. 순서보다 공간 배치가 더 중요한 마인드맵, 지식 그래프, 개념도, 계획 보드 등 다이어밍 워크플로에 적합합니다. 흐름도나 데이터 차트에는 맞지 않습니다. 편집 가능한 노드, 링크, 구조화된 레이아웃이 필요할 때 canvas skill을 사용하세요.

archimate는 `!include <archimate/Archimate>`와 타입이 지정된 element 매크로, 관계 매크로를 사용해 PlantUML에서 ArchiMate 다이어그램을 만들도록 돕습니다. 비즈니스, 애플리케이션, 기술, 동기, 마이그레이션 계획을 아우르는 계층형 엔터프라이즈 아키텍처 뷰에 잘 맞습니다. 구조화된 EA 표기가 필요하고 일반적인 클라우드나 네트워크 다이어그램이 아닌 경우에 Diagramming 용도로 archimate를 사용하세요.

bpmn은 BPMN, EIP, Lean Mapping 스텐실 아이콘을 사용해 PlantUML에서 비즈니스 프로세스와 통합 다이어그램을 만드는 데 도움을 줍니다. 워크플로 자동화, 승인, 오케스트레이션, 메시징, ETL, 가치 흐름 맵핑에 적합하며, bpmn을 언제 쓰고 언제 uml이나 vega를 선택해야 하는지도 분명하게 안내합니다.

Architecture는 HTML과 CSS로 계층형 시스템 뷰를 만드는 다이어밍 스킬입니다. 색상으로 구분된 섹션, 그리드 레이아웃, 명확한 컴포넌트 계층을 갖추고 있어 사용자/애플리케이션/데이터/인프라 다이어그램, 마이크로서비스 맵, 엔터프라이즈 아키텍처에 특히 적합합니다. Diagramming 출력에서 빠르고 수정 가능한 아키텍처가 필요할 때는 일반 프롬프트보다 이 스킬을 사용하는 편이 좋습니다.

json-canvas는 에이전트가 Obsidian 및 기타 JSON Canvas 앱에서 사용할 수 있는 유효한 `.canvas` 파일을 만들고 수정하도록 돕는 스킬입니다. 마인드맵, 플로우차트, 가벼운 다이어그램 작업 흐름에 맞춰 구조적으로 올바른 노드, 엣지, 그룹, 위치, 레이어 순서를 생성할 때 유용합니다.

inline SVG를 사용해 세련된 다크 테마의 아키텍처 다이어그램을 독립형 HTML 파일로 만듭니다. architecture-diagram 스킬은 시스템 아키텍처, 인프라, 클라우드, 보안, 네트워크 토폴로지 다이어그램에 맞춰 설계되었으며, 의미 있는 색상, 명확한 구성 요소 관계, 일관된 기술 스타일을 갖춘 브라우저용 시각 자료를 제공합니다.

markdown-mermaid-writing은 과학 및 기술 문서를 위한 Markdown과 Mermaid 다이어그램 작성 스킬입니다. 워크플로, 아키텍처, 분석, 보고서를 편집 가능한 텍스트 우선 문서로 바꾸고, 명확한 다이어그램과 버전 관리 친화성, 그리고 Technical Writing에 바로 쓸 수 있는 실용적인 markdown-mermaid-writing 활용법을 제공합니다.

hand-drawn-diagrams 스킬은 자연어 프롬프트를 손그림 스타일의 Excalidraw 다이어그램, 흐름도, 설명용 그래픽, 와이어프레임, 페이지 목업으로 바꿉니다. 출력물을 검증하고, 편집 URL과 내보낼 수 있는 이미지를 함께 반환할 수 있습니다. 다듬어진 벡터 아트보다 스케치 같은 결과가 필요할 때, 빠르게 다이어그램을 만드는 데 가장 적합합니다.