← 도구 생태계 데이터·차트

gongnangi-chart-skill

McKinsey·Bain 컨설팅 스타일의 HTML 차트를 만들어주는 Claude Code 스킬. Chrome 헤드리스로 PNG까지 내보내, 보고서용 고급 차트를 대화로 뽑아냅니다.

kimsh-1 MIT · 오픈소스 Claude Code 스킬 ★ 61 ⭐ 별 주기
데이터·차트

🔍 에디터 리뷰

cmore가 저장소를 직접 열어보고 써본 뒤 남긴 사용기입니다. 광고·협찬이 아닙니다. 검증일: 2026-07-06 기준의 기록이며, 도구는 계속 바뀝니다.

세 가지를 만들어요. McKinsey·Bain 느낌의 슬림한 컨설팅 차트, 인스타 카드뉴스 5테마(editorial·impact·grid·dark-slim·minimal), Remotion 애니 영상. HTML/CSS로 생성해 Chrome 헤드리스로 PNG까지 뽑아, 보고서·SNS용 비주얼을 대화로 만듭니다.솔직히: Node·Chrome이 필요하고 디자인 톤이 정해져 있어, 그 톤이 맞으면 강력하고 브랜드 톤이 다르면 커스텀이 필요해요.

설치하기

아직 개발환경(터미널·Git·Node 등)이 없다면 lazy-starter-kit으로 먼저 준비하고 오세요.

Node.js·Chrome이 필요합니다 (설치 스크립트가 확인해줍니다).

터미널에서
git clone https://github.com/kimsh-1/gongnangi-chart-skill.git
cd gongnangi-chart-skill && bash install.sh
gongnangi-chart-skill은(는) cmore.dev와 무관한 외부 프로젝트입니다. 소개와 리뷰는 "이런 게 있어요" 안내이지 보증이 아니며, 설치·사용에 대한 판단과 책임은 사용자에게 있습니다.