freshtechbro/claudedesignskills

어떤 프로젝트인가요?

핵심 기능

• 013D 장면 제작을 위한 Three.js, React Three Fiber, Babylon.js, PlayCanvas를 다룹니다.
• 02애니메이션 제작을 위한 GSAP ScrollTrigger, Framer Motion, Anime.js, Lottie를 포함합니다.
• 03Claude Code에서 개별 플러그인 또는 다섯 가지 카테고리별 번들로 설치할 수 있습니다.
• 04각 스킬에는 SKILL.md 지침, 참고 문서, 헬퍼 스크립트가 포함됩니다.
• 05스킬을 claude.ai에 업로드하거나 로컬 프로젝트에 복사할 수 있습니다.

활용 사례

• Claude에게 PBR 머티리얼을 사용한 Three.js 장면이나 React Three Fiber 컴포넌트를 만들어 달라고 요청하기.
• 웹 페이지에 GSAP 스크롤 기반 애니메이션이나 Framer Motion 전환 효과 추가하기.
• Claude의 도움을 받아 3D 엔진이나 애니메이션 라이브러리 비교하고 선택하기.
• 인터랙티브 WebGL 또는 WebXR 경험의 보일러플레이트 생성하기.

빠른 시작

1. 1

   마켓플레이스를 Claude Code에 추가

   /plugin marketplace add freshtechbro/claudedesignskills
2. 2

   개별 플러그인 설치

   /plugin install threejs-webgl
3. 3

   또는 전체 번들 설치

   /plugin install core-3d-animation

사용 전 알아둘 점

• !Skills는 Claude Code용 지침 패키지이며 독립 실행형 소프트웨어가 아니므로 직접 실행할 항목이 없습니다.
• !생성기 스크립트를 실행하려면 Python 3과 프로젝트에 명시된 표준 라이브러리만 사용하는 환경이 필요합니다.

토픽

자주 묻는 질문

claudedesignskills은(는) 무엇인가요?

Claude Code에 Three.js, GSAP 등 웹 3D 및 애니메이션 도구를 가르치는 스킬과 플러그인 모음 이 저장소는 3D 그래픽, 애니메이션, 인터랙티브 웹 경험에 초점을 둔 최신 웹 개발용 스킬 22개를 제공하는 Claude Code 플러그인 마켓플레이스입니다. 각 스킬은 Claude가 작업에 필요할 때만 불러오는 지침과 패턴이 담긴 SKILL.md 파일, 참고 문서, 헬퍼 스크립트, 템플릿으로 구성됩니다.

claudedesignskills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

claudedesignskills은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

claudedesignskills은(는) 아직 유지보수되고 있나요?

6개월 이상 커밋 없음. claudedesignskills의 마지막 커밋은 2025년 11월 20일입니다.

claudedesignskills은(는) 어디에 사용할 수 있나요?

Claude에게 PBR 머티리얼을 사용한 Three.js 장면이나 React Three Fiber 컴포넌트를 만들어 달라고 요청하기. 웹 페이지에 GSAP 스크롤 기반 애니메이션이나 Framer Motion 전환 효과 추가하기. Claude의 도움을 받아 3D 엔진이나 애니메이션 라이브러리 비교하고 선택하기. 인터랙티브 WebGL 또는 WebXR 경험의 보일러플레이트 생성하기.

claudedesignskills는 어떻게 설치하나요?

마켓플레이스를 Claude Code에 추가: /plugin marketplace add freshtechbro/claudedesignskills 개별 플러그인 설치: /plugin install threejs-webgl 또는 전체 번들 설치: /plugin install core-3d-animation

claudedesignskills은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/freshtechbro/claudedesignskills