diagram-design
SkillDocs & knowledgeBrand-consistent editorial diagrams — SVG generation for release notes, architecture docs, and marketing materials
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the diagram-design skill
What this skill tells your AI
The instructions your AI receives, as published by baekenough/oh-my-customcode in .claude/skills/diagram-design/SKILL.md and read by ahel’s review.
목적
브랜드 일치 에디토리얼 다이어그램 생성. 릴리즈 노트, ARCHITECTURE.md, 슬라이드 인포그래픽 등 마케팅/문서용 SVG 다이어그램에 특화.
웹사이트의 디자인 시스템(팔레트·타이포그래피)을 자동 추출해 브랜드 일치 SVG 다이어그램 13종을 생성한다. 각 다이어그램은 3가지 변형(minimal light / minimal dark / full editorial)으로 제공된다. 빌드 단계·외부 의존성·Mermaid 없이 자립 동작한다.
담당 에이전트
arch-documenter— 시스템 아키텍처 다이어그램 (Mermaid/PlantUML)과 경계 구분fe-design-expert— 브랜드 디자인 토큰 정합성 검토
사용
/diagram-design <description>
제약
scope: package— 코어 스킬이 아닌 선택 등록 스킬 (기본init에서 제외)- 외부 업스트림 버전에 의존 —
mgr-updater가 추적 mcp__eraser__의 오프라인 대안으로 포지셔닝
참조
.claude/agents/fe-design-expert.md.claude/agents/arch-documenter.mdguides/impeccable-design/(관련 디자인 가이드)- 내재화 배경: issue #963
Signals
- GitHub stars
- 34
- Forks
- 6
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
diagram-design-baekenough- Source
- github.com/baekenough/oh-my-customcode