프롬프트 위에 애니메이션 픽셀 아트가 표시되는 Claude 코드 모드 제작
요약
애니메이션 픽셀 아트가 프롬프트 위에 표시되는 'pixelband' 모드가 Claude Code에 출시되었습니다. 이 모드는 Claude의 작동 상태(작업, 완료, 오류)에 반응하는 시각적 피드백을 제공하며, 사용자가 직접 이미지나 GIF를 활용할 수 있습니다.
핵심 포인트
- Claude Code를 활용하여 애니메이션 픽셀 아트 모드를 제작함.
- 모드는 프롬프트 위에 배치되어 Claude의 작동 상태를 시각화합니다.
- 로컬에서 실행되며 토큰을 소모하지 않는 것이 특징입니다.
- 오픈 소스로 무료 제공되며, 특정 버전 이상의 Claude 업데이트가 필요합니다.
Claude 코드 모드가 완전히 출시되었으며, 미리 보기에서 제가 만든 모드를 소개합니다. 이 모드는 'pixelband'라고 불리며 다음과 같은 기능을 합니다: 사용자의 프롬프트 위 스트립에 애니메이션 픽셀 아트 장면을 배치하고, 이 장면은 Claude의 작동에 반응합니다. Claude가 작업하는 동안 비는 더 세지거나 별들은 워프 속도에 도달하며, 한 턴이 완료되면 작은 섬광이 나타나고, 오류가 발생하면 글리치 현상이 일어납니다. 총 7가지 장면(비 오는 도시, 우주, 오로라, 불, 코드 비, 수족관, 그리고 손가락 사이의 스파크를 가진 미켈란젤로의 아담 창조)이 있으며, 사용자가 직접 이미지를 사용하거나 GIF를 사용할 수도 있습니다. /pixelband를 입력하면 선택 메뉴가 열립니다. 이 모드는 터미널과 데스크톱 앱의 코드 탭에서 작동하며, 로컬에서 실행되고 토큰을 사용하지 않습니다.
Claude 코드가 도움을 준 방식: 아이디어와 디자인은 저의 것이었지만, Claude Code를 사용하여 구축했습니다. Claude가 장면 애니메이션, GIF 디코더, 그리고 Mac 터미널 앱이 밤하늘을 회색으로 만들던 색상 수정 코드 등 대부분의 코드를 작성해 주었습니다. 저는 제 자신의 터미널에서 모든 것을 테스트하고 원하는 모습이 될 때까지 수정을 요청했습니다.
무료로 사용 가능: 무료이며 오픈 소스입니다. Claude Code 2.1.287 이상 버전(Claude 업데이트)이 필요합니다. 다음 명령어를 사용하세요:
claude plugin marketplace add furqan-khan07/pixelband<br>claude plugin install pixelband@pixelband<br>세션을 열고 /pixelband를 입력합니다.
https://github.com/furqan-khan07/pixelband
모드는 점진적으로 출시되는 것 같으니, 아무것도 표시되지 않는다면 아직 사용자 계정에 적용되지 않았을 수 있습니다. 피드백과 장면 아이디어는 환영하며, /u/imalooooser가 제출했습니다. [링크] [댓글]
AI 자동 생성 콘텐츠
본 콘텐츠는 r/ClaudeAI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기