skillsfree
💻 개발⚙️ 백엔드🎨 프론트엔드🚀 DevOps⛓️ Web3 & 블록체인🎭 크리에이티브📄 문서화📊 데이터 & AI💼 비즈니스🤖 자동화🔒 보안✦ 기타
무료 선별가격
⌘K
홈무료 선별가격
💻 개발⚙️ 백엔드🎨 프론트엔드🚀 DevOps⛓️ Web3 & 블록체인🎭 크리에이티브📄 문서화📊 데이터 & AI💼 비즈니스🤖 자동화🔒 보안✦ 기타
skillsfree

엄선된 1500개 이상의 Claude AI 스킬 플랫폼. 발견, 학습, 생산성 향상.

카테고리

개발프론트엔드백엔드데이터 & AI문서화DevOps전체 카테고리

리소스

GitHub문서API 참조Claude AI

회사

회사 소개연락처자주 묻는 질문

법적 정보

개인정보 보호정책서비스 약관

© 2026 Claude Skills Free. All rights reserved.

❤Claude 커뮤니티를 위해 정성껏

☀️
  1. 홈
  2. ✦프론트엔드
  3. ✦D3 Viz
⏱ 문서를 뒤져 수작업→Frontend 한 번에 장착시행착오 반복→#javascript 바로 사용

D3 Viz

d3.js를 사용하여 대화형 데이터 시각화 생성하기. 이 기술은 사용자 정의 차트, 그래프, 네트워크 다이어그램, 지리적 시각화 또는 시각 요소, 전환, 상호작용에 대한 세밀한 제어가 필요한 모든 복잡한 SVG 기반 데이터 시각화를 생성할 때 사용해야 합니다. React, Vue, Svelte, vanilla JavaScript 또는 다른 환경에서 표준 차트 라이브러리 외의 맞춤형 시각화에 사용하세요.

🎨 Frontend✦프리미엄✦7개 언어

당신이 되다

사용 사례

다음 시나리오에 적합

✦ 01🔍

테스트 실패 조사

실패한 자동화 테스트를 분석하여 근본 원인을 파악하고, 섣부른 수정은 피합니다.

✦ 02📊

프로덕션 버그 심사

문제를 체계적으로 진단하여 평균 해결 시간을 단축합니다.

✦ 03🔧

레거시 코드 리팩토링

익숙하지 않은 코드베이스에서 변경을 가하기 전에 예상치 못한 동작을 먼저 이해합니다.

✦ 04🚀

성능 회규 디버깅

체계적인 가설 검증을 통해 성능 병목 현상을 정확히 찾아냅니다.

측정된 효과

이 스킬을 선택하는 이유

검증된 이점과 측정 가능한 영향

3x

더 빠른 버그 해결

추측과 잘못된 시작을 제거하여 디버깅 주기를 단축하세요.

50%

결함 재발 감소

근본 원인을 해결하여 증상이 아닌 문제의 재발을 방지합니다.

2x

코드 품질 향상

시스템에 대한 이해를 깊게 하여 더 견고한 솔루션을 작성하세요.

장착 내용

무엇이 들어 있나

파일 · 태그 · 3단계 설치

소스 리포지토리에서 스킬 파일을 다운로드하거나 복사합니다.
스킬 파일을 Claude의 skills 디렉토리(~/.claude/skills/)에 넣습니다.
Claude를 재시작하거나 리로드 명령을 실행하면 스킬이 자동으로 로드됩니다.
$ cp chrisvoncsefalvay__claude-d3js-skill/skill.md ~/.claude/skills/

팁: 처음 사용하기 전에 문서와 코드를 읽고 기능과 필요한 권한을 확인하세요.

관련 태그

#javascript#react#testing#vue

기술 정보

작성자
chrisvoncsefalvay
카테고리
Frontend
파일 크기
21.25 KB
소스 리포지토리
chrisvoncsefalvay__claude-d3js-skill
라이선스
MIT
메타데이터
YAML 메타데이터 포함
GitHub 소스 보기

이 스킬 가져가기

$9.9/월
프리미엄

450+ 프리미엄 스킬을 무제한으로 내려받으세요.

모든 스킬은 오픈소스 커뮤니티에서 제공되며 원 작성자의 권리를 보존합니다.

다음 시나리오

관련 스킬

태그 및 카테고리 기반 추천

모든 스킬 보기
🎨

에이전트

무료

공개 agents.md 규약에 따라 AGENTS.md 파일을 생성하고 유지하세요. AI 에이전트 워크플로에 대한 문서 작성, 온보딩 가이드, 또는 프로젝트 간 에이전트 상호작용 패턴을 표준화할 때 사용하세요.

Frontend11 KB
자세히 보기
🎨

Aptos Dapp 통합

프리미엄

Aptos에서 프론트엔드 통합, 지갑 연결(Petra, Martian, Pontem), TypeScript SDK, 트랜잭션 제출 및 지갑 어댑터 패턴과 함께 탈중앙화 애플리케이션 구축 전문가. 지갑 연결, petra, martian, pontem, typescript sdk, aptos sdk, dapp, 프론트엔드 통합, 지갑 어댑터, 트랜잭션, 서명 키워드로 트리거됨.

Web3 & Blockchain16 KB
자세히 보기
⚙️

안트로픽 전문가

프리미엄

Anthropic Claude API, 모델, 프롬프트 엔지니어링, 함수 호출, 비전 및 모범 사례 전문가입니다. anthropic, claude, api, prompt, function calling, vision, messages api, embeddings에서 트리거됩니다.

Backend4 KB
자세히 보기
🎨

Api 계약 동기화 관리자

프리미엄

OpenAPI, Swagger 및 GraphQL 스키마가 백엔드 구현과 일치하는지 확인합니다. 변경사항 파괴 감지, TypeScript 클라이언트 생성, API 문서 동기화 유지를 합니다. API 스펙 파일(.yaml, .json, .graphql) 작업, API 변경 사항 검토, 프론트엔드 타입 생성 또는 엔드포인트 구현 유효성 검사 시 사용하세요.

Frontend11 KB
자세히 보기
모든 스킬 보기