튜토리얼

Claude Code의 설정 파일 한 개만 직접 고치면, 설치 스크립트 없이도 GLM·Kimi·MiniMax 같은 다른 회사의 AI 모델을 같은 화면에서 그대로 쓸 수 있습니다. 초보자도 따라 할 수 있도록 Windows와 WSL 기준으로 단계별로 정리했습니다.

Replit 파워 모드와 클로드 페이블 5로 코딩 없이 AR 얼굴인식 카메라 앱을 만드는 전 과정을 정리했습니다. 얼굴을 따라오는 가면, 손가락 개수에 따라 바뀌는 화면 이펙트, 구글 밋 스타일 가상 배경까지 프롬프트 4번 복사-붙여넣기로 완성합니다. 영상에서 사용한 전체 프롬프트를 그대로 제공합니다.

힉스필드(Higgsfield) 캔버스의 노드 기능을 사용해 트렌드 제품 검색부터 기획, 모델, 제품샷, 영상까지 한 화면에서 광고 영상을 자동으로 뽑아내는 4단계 워크플로우를 처음부터 끝까지 따라 만듭니다.

힉스필드 시댄스용 영상 프롬프트와 그에 정확히 맞물리는 웹사이트 프롬프트를 짝지어 둔 프롬프트 팩 32종을 활용해, 스크롤 인터랙티브 원페이지 랜딩을 더 빠르게 만드는 방법을 정리했습니다.

VS 코드의 클로드 코드 확장에 스킬 3종(시네마틱 스크롤 엔진, 프론트엔드 디자인, 씬 오버레이 엔진)을 등록하고, 힉스필드 시댄스로 만든 영상으로 스크롤 인터랙티브 원페이지 랜딩을 만드는 전체 과정을 정리했습니다.

Replit의 Power 모드에서 Claude Opus 4.7을 사용해 스트리트 파이터 2 오마주 격투 게임을 처음부터 끝까지 만드는 전 과정을 정리했습니다. 기획서 작성, 스프라이트 시트 제작, 애니메이션 매핑, 버그 수정, 배경음까지 단계별로 따라가고, 한 번에 끝내는 마스터 프롬프트도 함께 제공합니다.

Claude Code의 스킬(Skill)을 처음부터 만들어봅니다. SKILL.md 작성법, 프론트매터 옵션 전체, 동적 인자와 컨텍스트 주입, 서브에이전트 연동, 플러그인 패키징까지 단계별로 따라 할 수 있습니다.

Claude Code로 아이디어를 설명하고, manifest.json부터 popup, content script까지 크롬 확장프로그램을 단계별로 완성하는 방법을 알아봅니다. 비개발자도 따라할 수 있도록 Windows + WSL 환경 기준으로 설명합니다.

Windows에서 VS Code를 설치하고, Claude Code 익스텐션을 설정하고, 첫 대화를 시작하는 과정을 단계별로 안내합니다.