AI Agent Skills가 폭발적으로 발전했습니다. 🔥
patch-gg의 244개 픽셀 효과 라이브러리, jakubkrehel의 인터페이스 디자인 전체 세트, MiniMax Code 팀의 내부 워크플로우, NiazMorshed2007의 애니메이션 역공학 도구, elvarofficial의 3D 분해 시뮬레이터 등... 전 세계 사용자들이 이 Skills를 다음 세대의 '게임 효과 스튜디오 + 디자인 총괄 디렉터 + 대기업 엔지니어링 매뉴얼 + 모션 복제기 + 기계 공학 교수'로 활용하고 있습니다.
1️⃣ patch-gg/pixelfx(
https://github.com/patch-gg/pixelfx
…)
244개의 픽셀 스타일 효과와 애니메이션을 제공하며, 불꽃, 폭발, 마법, 날씨, 아이템 획득 등 모든 것이 포함되어 있습니다. 색상 변경 및 스프라이트 시트(sprite sheet)로 내보내기가 가능합니다. Claude Code 스킬이 부속되어 있어 까다로운 픽셀 아티스트처럼 '초안 작성, 렌더링, 이미지 검토, 수정'을 거쳐 새로운 효과를 만들 수 있습니다.
"인디 게임의 효과팀이 필요할 때, 이 하나의 스킬만으로 충분합니다!"
2️⃣ jakubkrehel/skills(
https://github.com/jakubkrehel/skills
…)
완벽한 인터페이스 제작을 위한 스킬 세트: 웹 접근성, 레이아웃(편집), 색상 조합, 배치, UI 카피라이팅 등을 항목별로 검토하며, PR에 포함된 UI 회귀 현상을 검사하거나 Figma를 기반으로 복원하고, 컴포넌트의 모든 상태를 한 페이지에 펼쳐 놓을 수 있습니다. npx skills add 명령 한 줄로 설치가 완료됩니다.
"AI가 작성한 페이지에 드디어 디자인 감각이 생겼습니다!"
3️⃣ MiniMax-AI/mcode-stack(
https://github.com/MiniMax-AI/mcode-stack
…)
MiniMax Code 팀이 매일 사용하는 워크플로우 및 스킬 파일: AI 코드 품질을 어떻게 유지할지, 어떤 작업을 Sub Agent에게 맡겨야 할지, 긴 명령은 얼마나 기다려야 하는지, 장시간 대화가 지루해지지 않게 하는 방법 등을 다룹니다. Claude Code를 이용한 단일 명령으로 전체 세트를 설치할 수 있습니다.
"대기업 내부 매뉴얼을 직접 오픈소스로 공개합니다!"
4️⃣ NiazMorshed2007/reanimate(
https://github.com/NiazMorshed2007/reanimate
…)
웹사이트, 화면 녹화(screen recording), mp4, gif 또는 Lottie 파일에서 애니메이션을 역공학(reverse engineering)합니다. 먼저 원본을 녹화하고 시간 및 이징(easing) 파라미터로 분해한 다음, 프로젝트의 CSS / Framer Motion / GSAP를 사용하여 재작성하고, 복사본을 프레임별로 비교하여 다시 녹화하는 과정을 거칩니다. 보통 2~5회에 걸쳐 정렬합니다.
"마음에 드는 모션을 발견하면 바로 추출할 수 있습니다!"
5️⃣ elvarofficial/teardown(
https://github.com/elvarofficial/teardown
…)
기계가 어떻게 작동하는지 물어보면, Claude는 오프라인 HTML 3D 시뮬레이터를 만듭니다. 중앙에서 기계가 작동하고 주변 패널에는 실제 수치가 표시되며, 버튼을 누르면 어느 부품이 작동하는지 분해하여 볼 수 있고, 심지어 비디오로 녹화도 할 수 있습니다.
"엔진의 원리를 드디어 분해해서 볼 수 있게 되었습니다!"