MengTo/Skills 태그 릴리스 없음 — 커밋 고정

웹 디자인, GSAP, Three.js, Codex 등 MIT 에이전트 스킬 78개. MengTo/Skills엔 릴리스가 없으니 커밋을 고정하세요.

MengTo/Skills 태그 릴리스 없음 — 커밋 고정
Share

MengTo/Skills는 파일 기반 "Agent Skills"를 모아 둔 공개 MIT 라이선스 폴더입니다. 다만 사람들이 가장 자주 인용하는 지표인 스킬 수는 계속 달라집니다. 클론하기 전에, 지금 이 저장소에 정확히 무엇이 들어 있고 왜 집계가 흔들리는지 알아 두는 편이 좋습니다.

MengTo/Skills에는 실제로 무엇이 들어 있나: MIT 모듈 78개와 계속 바뀌는 집계

What MengTo/Skills actually contains: 78 MIT modules and a floating tally

MengTo/Skills는 Design+Code의 디자이너 Meng To가 만든 재사용 가능한 파일 기반 프롬프트 및 워크플로 패키지 공개 GitHub 저장소입니다. 2026년 7월 기준 라이브 README에는 스킬 폴더가 78개로 표시됩니다. 하지만 마케팅 스냅샷에서 나온 95개, 출시 초기 집계였던 75개라는 숫자도 여전히 돌아다닙니다. 이 수치는 원래 변동될 수밖에 없으므로, README는 자체적으로 진짜 기준을 명시합니다. 클론한 사본에서 find agent-skills -name SKILL.md | sort를 실행하면 실제로 갖고 있는 커밋 기준의 정확한 개수를 확인할 수 있습니다.

빠른 답변: MengTo/Skills는 파일 기반 Agent Skills를 모아 둔 MIT 라이선스 GitHub 저장소입니다. 라이브 README에는 2026년 7월 기준 스킬 폴더가 78개로 표시됩니다. 돌아다니는 95개와 75개 숫자는 무시하고, find agent-skills -name SKILL.md | sort로 직접 세는 것이 좋습니다.

이 78개 모듈은 네 가지 범주로 나뉘며, 시각적 웹 작업 쪽에 크게 치우쳐 있습니다.

범주스킬 수대표 콘텐츠
웹 디자인63GSAP, ScrollTrigger, Three.js/WebGL, Tailwind, Lenis, Cobe, Vanta, Matter.js, 글래스 UI, 스큐어모픽 UI
Codex 워크플로12video-to-superprompt, html-to-interaction-prompts, stitched-full-page-capture
미디어 소싱2이미지/에셋 수집 헬퍼
UI 프롬프팅1design-first-ui-prompting 시스템

조사 시점의 저장소 상태는 MIT 라이선스 아래에서 대략 스타 2,500개, 포크 271개, 커밋 85개, 열린 이슈 2개, 태그 릴리스 0개였습니다(MengTo/Skills). 이 릴리스가 0개라는 점은 뒤에서 중요해집니다. 태그가 없기 때문에 재현 가능한 설치를 하려면 커밋을 고정해야 합니다.

각 모듈은 떠오르는 Agent Skills 규약을 따릅니다. 필수 SKILL.md에는 YAML 프런트매터(name, description)와 단계별 본문이 들어가고, 선택적으로 REFERENCES.md, ARTICLE.md, 독립 실행형 HTML/CSS/JS로 구성된 demo/ 하위 디렉터리가 붙습니다(agent-skills tree). 폴더들이 이미 이 구조를 따르기 때문에 Claude Code, Cursor, Codex에 변환 없이 넣을 수 있습니다.

재현 가능한 사본을 가져오는 방법: npx와 수동 디렉터리 배치

Screenshot of https://pythonlibraries.substack.com/p/ai-coding-agent-ui-skills-for-design

모듈을 에이전트에 가져오는 방법은 두 가지입니다. 자동 CLI 설치를 쓰거나, 디렉터리를 직접 배치하는 방식입니다. 가장 빠른 경로는 커뮤니티 skills npm CLI를 쓰는 것입니다. 이 도구는 각 폴더를 에이전트가 기대하는 스킬 디렉터리에 자동으로 넣어 줍니다. 크롤링 시점에 이 패키지는 버전 1.5.19였고, 공개된 버전은 86개, 의존하는 패키지는 58개였으며, Claude Code, Codex, Cursor, OpenCode, Kiro 등을 지원했습니다 . 한 번의 명령으로 여러 에이전트를 동시에 지정할 수 있습니다.

npx skills add MengTo/Skills --skill '*' --agent claude-code --agent cursor

수동 방식은 78개 폴더 중 무엇을 어디에 둘지 더 세밀하게 통제할 수 있습니다. 저장소를 클론한 다음 원하는 폴더를 복사하거나 심볼릭 링크로 연결하면 됩니다. Claude Code에서는 프로젝트 범위 스킬이 .claude/skills/<name>/SKILL.md에, 개인 스킬이 ~/.claude/skills/<name>/SKILL.md에 위치합니다 . Cursor도 2026년 1월 22일에 출시된 버전 2.4에서 같은 SKILL.md 구조를 채택했으므로, 이 폴더들은 변환 없이 어느 도구에나 넣을 수 있습니다 .

재현성 측면의 주의점은 MengTo/Skills에 태그 릴리스가 없다는 것입니다 . 어떤 설치 경로를 택하든, 클론 직후 커밋 SHA를 기록해 두어야 나중에 팀원들이 정확히 같은 폴더 세트를 다시 구성할 수 있습니다.

git -C MengTo-Skills rev-parse HEAD

그 해시는 dotfiles나 프로젝트 README에 저장하세요. 아래의 예시 Python은 여기서 실행하지 않았습니다. api.github.com에 대한 네트워크 접근이 필요하기 때문입니다. 코드가 보여 주는 논리는 같습니다. 태그가 있는지 확인하고, 없다면 고정 가능한 커밋 참조를 출력합니다.

import json
import urllib.request

repo = "MengTo/Skills"
api = f"https://api.github.com/repos/{repo}"
headers = {"Accept": "application/vnd.github+json", "User-Agent": "pin-commit-demo"}


def get(path):
    req = urllib.request.Request(api + path, headers=headers)
    with urllib.request.urlopen(req, timeout=20) as response:
        return json.load(response)


info = get("")
tags = get("/tags")
branch = get(f"/branches/{info['default_branch']}")
sha = branch["commit"]["sha"]

print(f"{repo} tags: {len(tags)}")
if tags:
    print(f"tag available: {tags[0]['name']}")
else:
    print("no tags; pin the commit")
    print(f"git+https://github.com/{repo}.git@{sha}")

배치 위치는 목적에 따라 정하면 됩니다. 애니메이션 스타일, 모션 선호, 시각적 기본값처럼 개인적인 디자인 취향은 사용자 수준의 ~/.claude/skills 폴더에 두면 프로젝트를 옮겨도 따라갑니다. 팀이 공유하는 관례는 프로젝트 저장소에 커밋되는 .claude/skills에 두어야 모두가 같은 고정 커밋에서 같은 스킬을 해석할 수 있습니다 .

재현성 문제: YAML 불일치와 lockfile 부재

핀 고정이 중요한 이유는 MengTo/Skills에 lockfile도 태그된 릴리스도 없기 때문입니다. 그래서 두 팀원이 서로 다른 날 main을 클론하면 서로 다른 폴더 구성을 받게 될 수 있습니다. 조사 중에도 카탈로그 집계는 최소 세 번 달라졌습니다. 유통되던 95, 출시 시점의 75, 현재 README의 78이 그 예이며, 바로 이런 변동을 커밋 SHA가 막아 줍니다. SHA를 lockfile과 같은 기능적 장치로 다루세요. 기록하고, 커밋하고, 올리기 전에 find agent-skills -name SKILL.md | sort로 차이를 다시 감사해야 합니다.

두 번째 빈틈은 YAML 이식성입니다. SKILL.md frontmatter는 어디서나 기본적으로 호환되지만, 플랫폼별 키가 모두에서 동일하게 적용되지는 않습니다. Claude Code는 context: fork, allowed-tools, disable-model-invocation 같은 필드를 읽습니다. 반면 2026년 1월 22일 버전 2.4에서 Agent Skills를 추가한 Cursor와 Codex는 이를 조용히 무시합니다. 오류도 발생하지 않습니다. 격리를 위해 context: fork에 의존하는 스킬이 잘못된 호스트에서는 그대로 인라인 실행되므로, 한 머신에서 잘 동작하던 워크플로가 다른 머신에서는 진단 메시지 없이 조용히 잘못 동작할 수 있습니다.

이 저장소의 README 자체도 호스트별 전용 설치 노트를 안정화된 공식 설정이 아니라 유지보수 아이디어로 설명합니다. 따라서 검증 부담은 사용자에게 있습니다 [repo]. 공유 dotfiles에 무엇이든 커밋하기 전에 각 폴더를 실제 대상 에이전트에 로드하고 호출, 도구 접근, fork/격리 동작이 기대대로 해석되는지 확인하세요. 먼저 검증하고, 커밋을 고정한 뒤, 그다음 배포하세요. 이 순서를 뒤집으면 조용한 no-op이 프로덕션까지 도달합니다.

주목할 만한 MIT 모듈: 모션, 인터랙션, 랜딩 빌더 팩

Screenshot of https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/codex/video-to-superprompt/SKILL.md

검증과 핀 고정이 끝나면, 몇몇 모듈은 그 수고만으로도 충분히 가치가 있습니다. 가장 기술적으로 까다로운 것은 대표적인 Codex 워크플로인 video-to-superprompt입니다. 이 모듈은 에이전트에게 비디오를 찾고, ffprobe를 실행하고, ffmpeg로 프레임을 추출한 뒤, 스토리, 레이아웃, 모션, 비주얼, 기술 계층을 분석하게 합니다. 이후 pinned sections, masks, shader fields, scrubbed timelines, reduced-motion fallbacks 같은 구체적인 모션 메커니즘을 명명하고, 재사용 가능한 프롬프트 팩을 마무리하기 전에 경로와 스크린샷을 검증합니다 . 이는 프롬프트라기보다 운영 파이프라인에 가깝습니다.

추가로 핀 고정할 만한 팩은 세 가지입니다.

  • landing-page — 하나의 주요 CTA, 오퍼, ICP, 반론, 신뢰 근거, 트래픽 소스, 브랜드 보이스, 모바일 제약을 수집한 뒤 페이지 개요, hero copy, benefits, how-it-works, FAQ, SEO/AEO 레이아웃 권장안을 출력합니다 . 이는 이 저장소의 "prompts as assets" 관점을 가장 분명하게 보여 줍니다. 프롬프트를 버전 관리되는 파일로 저장하고 라이브러리로 구축하는 방식입니다.
  • design-first-ui-prompting — "디자인 시스템처럼 프롬프트하기" 방식을 공식화합니다. 목표, 형식, 여백, 그리드, 위계, 타입, 색상, 재질, 이미지, 정확한 카피, 네거티브 프롬프트를 지정한 뒤, 무작정 다시 뽑는 대신 한 번에 하나의 변수만 바꾸며 반복합니다 .
  • html-to-interaction-prompts — 기존 HTML을 섹션, hover states, animations, buttons, WebGL effects용 재사용 프롬프트로 분해합니다. 라이브 UI를 에이전트가 바로 쓸 수 있는 지시문으로 역설계할 때 유용합니다 .

Meng To는 바탕이 되는 방법을 간명하게 설명합니다. "스크린샷은 글보다 폰트, 간격, 색상, 레이아웃 리듬, 아이콘 스타일을 더 잘 전달한다" — Meng To, Design+Code (source: MengTo/Skills). 핵심은 이렇습니다. 커밋을 고정하고, 이 네 가지 모듈부터 시작한 뒤, 대상 에이전트에 맞게 frontmatter를 조정하세요. 팩은 그대로 써도 될 만큼 구체적이지만, 저장소에는 릴리스가 없으므로 재현성은 여전히 사용자의 책임입니다.

자주 묻는 질문

MengTo/Skills에는 실제로 몇 개의 에이전트 스킬이 들어 있나요?

2026년 7월 기준, 현재 README에는 네 개 카테고리에 걸쳐 78개의 스킬이 있다고 나와 있습니다 . 돌아다니는 95개나 75개라는 숫자는 오래된 디렉터리 스냅샷입니다. 개수는 직접 커밋을 통해 계속 바뀌므로, 인용된 숫자를 그대로 믿지 마세요. 저장소를 클론한 뒤 README 자체가 기준으로 제시하는 find agent-skills -name SKILL.md | sort를 실행해 확인하는 것이 가장 정확합니다.

MengTo/Skills에는 왜 태그된 릴리스가 없나요?

이 저장소는 공식 버전 관리 없이 전부 직접 커밋으로만 성장해 왔습니다. 조사 시점에는 대략 85개의 커밋과 0개의 릴리스 태그가 있었습니다 . SKILL.md 파일 형식은 안정적이지만, 폴더 목록은 버전으로 고정되어 있지 않습니다. 이 공백 때문에 재현 가능한 설치를 하려면 태그에 의존하지 말고 특정 커밋 SHA를 고정해야 합니다.

MengTo/Skills를 Claude Code에 어떻게 설치하나요?

두 가지 방법이 가능합니다. 가장 빠른 방법은 skills npm CLI를 쓰는 것입니다: npx skills add MengTo/Skills --skill '*' --agent claude-code . 또는 선택한 폴더를 .claude/skills/<name>/SKILL.md(프로젝트 범위)나 ~/.claude/skills/<name>/SKILL.md(개인 범위)로 직접 복사할 수도 있습니다. 릴리스가 없으므로, 설치를 재현할 수 있게 git SHA를 즉시 기록해 두세요.

이 스킬 폴더들은 Cursor와 Codex에서도 작동하나요?

네, 기본 SKILL.md 수준에서는 작동합니다. Cursor는 2026년 1월 22일에 릴리스된 버전 2.4에서 Agent Skills를 추가했고 , Codex도 이 관례를 지원하므로 폴더를 변환 없이 넣을 수 있습니다. 다만 둘 다 context: forkallowed-tools 같은 Claude 전용 YAML 필드는 조용히 무시합니다. 그런 필드에 의존하기 전에 대상 에이전트에서 먼저 테스트하세요.

Agent Skills 형식은 무엇이고 누가 정의했나요?

Agent Skills는 Anthropic이 공식화한 공개 관례입니다. 필수 SKILL.md 파일이 들어 있는 디렉터리로 구성되며, 이 파일에는 YAML frontmatter(name, description)와 단계별 지침 본문이 포함됩니다 . 이 형식은 점진적 공개 방식에 기대고 있습니다. 에이전트는 시작 시 이름과 설명만 불러오고, 활성화될 때 전체 지침을 읽으며, 보조 리소스는 필요할 때만 사용합니다. 선택적으로 REFERENCES.md, ARTICLE.md, demo/ 폴더를 함께 둘 수 있습니다.

이 글이 도움이 되셨다면, 새 글이 올라올 때마다 이메일로 받아보세요.

구독하기