diagram-design cathrynlavery

29 editorial diagram types for Claude Code. Self-contained HTML + SVG. No shadows, no Mermaid-slop.

주요 언어
HTML
Stars
14,766
Forks
887

태그

  • Claude 스킬
  • 다이어그램
  • 시각화
  • SVG
  • 템플릿

요약

AI 에이전트가 생성하는 투박한 다이어그램 문제를 해결하기 위해 만들어진 Agent Skill로, Claude Code·Codex·Pi에서 사용할 수 있다. 아키텍처, 플로우차트, 시퀀스, ER 등 27종의 시각 유형을 빌드 과정 없이 독립형 HTML+SVG로 출력하며, 웹사이트를 읽어 브랜드에 맞는 에디토리얼 품질의 다이어그램을 생성한다. 정적 HTML이 기본이며 선택적으로 모션 지원, draw.io/Mermaid 소스 재작성 기능도 제공한다.

README

# Diagram Design **디자이너가 싫어하지 않을 에디토리얼 다이어그램.** ![Content site architecture](docs/screenshots/architecture.png) ![The self-improving loop](docs/screenshots/loop.png) *2.0의 새로운 기능 — Loop: 공유 메모리 허브를 중심으로 도는 플라이휠. 점선은 라이트백(write-back)입니다.* *2.3의 새로운 기능: 시맨틱 시스템 패턴과 선택적 접근성 모션. 정적 출력은 여전히 기본값입니다.* 27가…

查看完整页面