블로그 게시물을 위한 다크 모드 호환 인라인 SVG 데이터 시각화 차트를 생성합니다. 자동 플랫폼 감지(HTML 대 JSX/MDX)를 통해 가로 막대, 그룹 막대, 도넛, 선, 막대 사탕, 영역 및 방사형 차트를 지원합니다. 차트 유형 다양성, 접근 가능한 마크업(역할=img, aria-label), 소스 속성 및 투명한 배경을 적용합니다. 사용자가 "블로그 차트", "차트 생성", "데이터 시각화", "svg 차트", "블로그 그래프", "데이터 시각화"라고 말할 때 또는 블로그 작성 워크플로가 차트에 적합한 데이터 포인트(3개 이상의 비교 가능한 측정항목, 추세, 데이터 이전/이후)를 식별할 때 사용합니다.
명령줄에서 blog-chart AI 스킬을 개발 환경에 빠르게 설치
출처: agricidaniel/claude-blog.
Generates dark-mode-compatible inline SVG charts for blog posts. Invoked internally by blog-write and blog-rewrite when chart-worthy data is identified. Not a standalone user-facing command.
Select based on the data pattern. Diversity is mandatory — never repeat a type within one post.
| Before/after comparison | Grouped bar chart | | Ranked factors / correlations | Lollipop chart | | Parts of whole / market share | Donut chart | | Trend over time | Line chart | | Percentage improvement | Horizontal bar chart | | Distribution / range | Area chart | | Multi-dimensional scoring | Radar chart |
블로그 게시물을 위한 다크 모드 호환 인라인 SVG 데이터 시각화 차트를 생성합니다. 자동 플랫폼 감지(HTML 대 JSX/MDX)를 통해 가로 막대, 그룹 막대, 도넛, 선, 막대 사탕, 영역 및 방사형 차트를 지원합니다. 차트 유형 다양성, 접근 가능한 마크업(역할=img, aria-label), 소스 속성 및 투명한 배경을 적용합니다. 사용자가 "블로그 차트", "차트 생성", "데이터 시각화", "svg 차트", "블로그 그래프", "데이터 시각화"라고 말할 때 또는 블로그 작성 워크플로가 차트에 적합한 데이터 포인트(3개 이상의 비교 가능한 측정항목, 추세, 데이터 이전/이후)를 식별할 때 사용합니다. 출처: agricidaniel/claude-blog.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart블로그 게시물을 위한 다크 모드 호환 인라인 SVG 데이터 시각화 차트를 생성합니다. 자동 플랫폼 감지(HTML 대 JSX/MDX)를 통해 가로 막대, 그룹 막대, 도넛, 선, 막대 사탕, 영역 및 방사형 차트를 지원합니다. 차트 유형 다양성, 접근 가능한 마크업(역할=img, aria-label), 소스 속성 및 투명한 배경을 적용합니다. 사용자가 "블로그 차트", "차트 생성", "데이터 시각화", "svg 차트", "블로그 그래프", "데이터 시각화"라고 말할 때 또는 블로그 작성 워크플로가 차트에 적합한 데이터 포인트(3개 이상의 비교 가능한 측정항목, 추세, 데이터 이전/이후)를 식별할 때 사용합니다. 출처: agricidaniel/claude-blog.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/agricidaniel/claude-blog