Community코딩 & 개발github.com

prasidmitra/system-design-diagram

시스템 설계 다이어그램(HTML+SVG)을 체계적으로 작성하고 PNG로 내보내기 위한 Claude Code 스킬입니다.

system-design-diagram란 무엇인가요?

이 스킬은 Claude Code를 사용하여 시스템 설계 다이어그램을 체계적으로 작성하고 PNG로 내보낼 수 있게 해줍니다. HTML과 SVG를 기반으로 다이어그램을 생성하므로, 복잡한 시스템 아키텍처를 시각적으로 명확하게 표현할 수 있습니다. 특히 인프라, 마이크로서비스, 데이터 흐름 등을 다이어그램으로 설계할 때 유용하며, PNG 내보내기 기능을 통해 문서화와 공유가 용이합니다. 이 스킬은 Claude Code 환경에서 바로 사용할 수 있어 개발자와 아키텍트가 프롬프트만으로 전문적인 다이어그램을 빠르게 생성할 수 있도록 지원합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add prasidmitra/system-design-diagram

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

system-design-diagram은(는) 무엇을 하나요?

체계적인 시스템 설계 다이어그램(HTML+SVG)을 작성하고 PNG로 내보내기 위한 Claude Code 스킬입니다.

관련 스킬