creativeai-dataviz-skill은(는) 무엇을 하나요?
CreativeAI.fr 기사를 Chart.js 데이터 시각화로 변환하여 WordPress HTML 블록으로 삽입할 수 있게 해주는 Claude 스킬입니다.
개요
이 스킬은 AI 에이전트(Claude, Codex, Cursor 등)가 CreativeAI.fr 웹사이트의 기사를 읽고, 그 내용에서 핵심 데이터 포인트를 추출하여 Chart.js 기반의 대화형 차트로 변환하는 기능을 제공합니다.
주요 기능
- 기사 데이터 추출: CreativeAI.fr 기사 본문에서 수치 데이터, 통계, 비교 정보 등을 자동으로 인식합니다.
- Chart.js 차트 생성: 추출된 데이터를 바탕으로 막대형, 선형, 원형 등 다양한 Chart.js 차트 유형을 생성합니다.
- WordPress HTML 블록 출력: 생성된 차트를 WordPress의 HTML 블록에 바로 붙여넣을 수 있는 형식으로 제공합니다.
- 반응형 및 사용자 정의 가능: 차트 크기, 색상, 레이블 등을 필요에 따라 조정할 수 있습니다.
사용 예시
User: "CreativeAI.fr의 최신 AI 트렌드 기사를 차트로 만들어줘."
Agent: (기사를 분석하여 Chart.js 차트를 생성하고 WordPress HTML 블록 코드를 출력합니다)
지원 환경
- Claude Code
- Cursor
- Codex
- 기타 AI 코딩 도우미
설정 방법
- AI 에이전트 설정에 이 스킬을 추가합니다.
- CreativeAI.fr 웹사이트에서 기사 URL을 제공합니다.
- 원하는 차트 유형과 스타일을 지정합니다(선택 사항).
- 생성된 HTML 블록을 WordPress 사이트에 붙여넣습니다.
참고 사항
- 차트 데이터는 기사에 명시적으로 포함된 수치 정보를 기반으로 합니다.
- 생성된 Chart.js 코드는 최신 버전의 Chart.js 라이브러리와 호환됩니다.
- WordPress 사이트에서 Chart.js 라이브러리가 로드되어 있어야 차트가 정상적으로 표시됩니다.