Communitygithub.com

shfahiim/me

자바스크립트 캔버스 2D로 손으로 그리거나 인쇄한 듯한 단편 영화를 만들어 보세요. 하나의 HTML 파일과 공유 코어를 기반으로 모든 프레임을 그리고, 생성된 웹 오디오 점수를 mp4로 렌더링합니다.

me란 무엇인가요?

shfahiim/me는 하나의 HTML 파일 위에서 JavaScript의 Canvas 2D API를 사용하여 모든 프레임을 직접 그리고, Web Audio API로 생성한 음악을 입혀 mp4 영화로 출력하는 AI 에이전트 스킬입니다. 사용자는 '잉크와 해칭으로 따뜻한 종이에 그린 느낌', '형광 리소 하프톤 인쇄', '도트 그리드가 있는 평면 스크린 인쇄', '찢긴 부분이 있는 흑연 미니멀리즘' 등 네 가지 시각 스타일 중 하나를 선택할 수 있으며, 공유된 코어와 팔레트 시스템 덕분에 일관된 색감을 유지합니다. 영화는 12fps(2프레임당 1장)로 제작되며, 청사진 인터루드, 잉크 얼룩, 물결, 몽타주, 배지 등 다양한 시각적 효과를 포함합니다. 이 스킬은 Claude Code, Cursor, Codex와 같은 터미널 기반 AI 코딩 에이전트에서 사용하도록 설계되었으며, 사용자는 단일 명령어로 전체 애니메이션 워크플로우를 실행할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/shfahiim/me/tree/main/skill/hand-drawn-canvas-animation

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

me은(는) 무엇을 하나요?

손으로 그리거나 손으로 인쇄한 듯한 단편 영화를 만드세요. 모든 프레임은 공유 코어 위에서 하나의 HTML 파일에 있는 JavaScript Canvas 2D로 그려지며, 생성된 Web Audio 점수와 함께 mp4로 렌더링됩니다. 하나의 코어와 하나의 팔레트 시스템에서 네 가지 룩이 나옵니다. 해칭이 있는 따뜻한 종이 위의 잉크, 형광 잉크의 리소 하프톤 인쇄, 도트 그리드가 있는 평면 스크린 인쇄, 찢긴 부분이 있는 흑연 미니멀리즘 – 2프레임당 한 장(12fps)으로 그려지며, 청사진 인터루드, 잉크 얼룩, 물결, 몽타주, 배지 등이 포함됩니다.

관련 스킬