TL;DR

이 레포는 화면 녹화를 Fable 5가 한 번에 HTML로 완성할 수 있는 초정밀 프롬프트로 바꾸는 video-to-superprompt를 시작점으로, HTML 페이지를 섹션·애니메이션·버튼 단위 재사용 프롬프트로 쪼개는 skill, 전체 페이지를 스크롤 애니메이션까지 놓치지 않고 캡처하는 skill, 매일 좋은 UI를 모아 프롬프트 팩으로 만드는 루프까지 웹디자인 워크플로를 갖췄다. Three.js 기반 아이소메트릭 ARPG 제작, 적 AI 튜닝, 게임 VFX 같은 게임 개발 스킬 17개와 GSAP·threejs·Tailwind 등 79개 웹디자인 스킬이 각각 SKILL.md에 트리거 조건과 절차·함정·수용 기준을 명시한 형식으로 통일되어 있다. Codex·Claude Code·Cursor가 모두 같은 규약(가장 좁게 일치하는 스킬부터 읽고 따르기)으로 이 폴더들을 그대로 로드해 쓸 수 있어, 좋은 프롬프트나 워크플로를 파일로 저장해 재사용하려는 디자이너·엔지니어에게 맞는다.

핵심 포인트

• 레퍼런스 영상을 One-shot HTML 프롬프트로 바꾸는 video-to-superprompt가 다른 스킬 모음의 시작점으로 명시된 플래그십 워크플로다.
• Three.js 게임 개발 스킬 17개가 파운데이션·전투·플레이어 시스템·에셋·QA까지 게임 제작 단계별로 나뉘어 있어 웹 게임 파이프라인을 통째로 커버한다.
• 모든 스킬이 SKILL.md 필수에 참고문서·데모 선택이라는 동일한 폴더 규약을 따른다.
• portable demo/index.html + PROMPT.md 조합으로 시각·인터랙션 스킬마다 재현·리믹스 프롬프트를 바로 실행해 검증할 수 있다.