AI·ML HTML
cathrynlavery/diagram-design
자연어 요청으로 브랜드 색상과 글꼴을 반영한 다이어그램을 만드는 에이전트 스킬입니다. 45개 도표 유형을 지원하며, 결과를 SVG가 포함된 단일 HTML 파일로 생성합니다.
총 스타·포크의 마지막 관측: 2026-10-15T17:21:04.487430+00:00
01 Inside the project 기술을 이해하는 시간
어떤 문제를 해결하나요?
발표나 게시용 다이어그램을 만들 때 내용뿐 아니라 배치, 색상, 글꼴을 브랜드에 맞추는 작업이 필요합니다. 이 스킬은 도표 유형별 지침과 공통 스타일 규칙을 에이전트에 제공합니다. 결과 품질과 배치는 사용하는 모델에 따라 달라질 수 있습니다.
눈여겨볼 특징
아키텍처, 흐름도, 시퀀스, 데이터 모델, 간트 차트 등 45개 유형과 밝은색·어두운색·편집형 스타일 변형을 제공합니다.
웹사이트에서 색상과 글꼴을 추출해 도표 스타일에 반영하고, 고객별 브랜드 프로필을 저장해 프로젝트마다 적용할 수 있습니다.
결과를 브라우저에서 열 수 있는 단일 HTML 파일로 만들고 SVG·PNG 내보내기를 지원합니다. 시스템 글꼴을 선택하면 외부 네트워크 요청 없이 사용할 수 있습니다.
텍스트와 주요 도형의 색상 대비를 검사하고, SVG에 접근성 이름과 설명을 지정하는 템플릿을 제공합니다.
이럴 때 활용해요
기술 블로그 작성자가 서비스 구성 요소와 연결 관계를 자연어로 설명하고, 블로그의 색상과 글꼴을 반영한 아키텍처 도표를 만들어 게시하는 데 활용할 수 있습니다.
공식 자료를 바탕으로 생성·검토한 AI 해설입니다. 직접 설치하거나 성능을 검증한 결과는 아닙니다. 해설 확인:
02 On the radar 관측 데이터
총 스타 수 관측 시점의 누적값
공식 순위 위쪽일수록 높은 순위
목록에서 관측한 시점만 표시하며, 목록 밖의 구간은 연결하지 않습니다.
관측 수치 전체 보기
| 수집 시각 | 목록 | 순위 | 총 스타 | GitHub 기간 증가 |
|---|---|---|---|---|
| 2026-10-15T17:21:06.393821+00:00 | 월간 | 관측 없음 | — | — |
| 2026-10-15T17:21:04.487430+00:00 | 주간 | 5 | 55782 | 10706 |