Repolode
MengTo

MengTo/Skills

Codex, Claude, Cursor 및 기타 AI 코딩 에이전트에서 사용할 수 있는 디자이너와 빌더를 위한 이식성 높은 에이전트 스킬 폴더 모음입니다.

스타
7,278
포크
848
열린 이슈
10
마지막 커밋
어제

어떤 프로젝트인가요?

이 저장소는 에이전트 스킬 모음입니다. 각 스킬은 SKILL.md 플레이북과 선택적으로 참고 자료, 아티클, 스크립트, 데모를 담은 폴더로 구성됩니다. 화면 녹화 영상을 상세한 프롬프트로 바꾸거나, 전체 페이지 스크린샷을 캡처하거나, Three.js 게임 시스템을 구축하거나, SVG 일러스트를 생성하는 등 반복 가능한 절차를 스킬 하나에 담아 AI 코딩 에이전트가 불러와 매번 같은 단계를 따를 수 있게 합니다.

웹 디자인(랜딩 페이지, GSAP 및 스크롤 애니메이션, WebGL 효과, Tailwind CSS), 브라우저 게임 개발과 전투 효과, 3D 렌더링, 일러스트 스타일, 미디어 소싱, 스크린샷과 테스트를 포함해 변경 사항을 배포하는 등의 작업 습관을 다룹니다. 스킬은 일반 Markdown으로 작성되며, 특정 프로젝트에 종속되지 않고 Codex, Claude Code, Cursor에서 두루 사용할 수 있도록 설계되었습니다.

형식은 의도적으로 단순하게 구성했습니다. 설치할 런타임이나 패키지 없이 에이전트가 작업 전에 읽을 파일만 있으면 됩니다. 스킬은 agent-skills/ 아래 카테고리별로 정리되어 있으며, 해당하는 경우 각 스킬에 트리거, 기본값, 승인 기준이 포함됩니다.

핵심 기능

  • 01사용 시점과 첫 단계가 명시된 절차형 SKILL.md 플레이북
  • 02Codex, Claude Code, Cursor 및 기타 에이전트에서 사용할 수 있는 이식성 높은 폴더 형식
  • 03랜딩 페이지, GSAP 애니메이션, WebGL, Tailwind CSS를 다루는 웹 디자인 스킬
  • 04Three.js 시스템, 전투 애니메이션, 플레이테스트를 다루는 브라우저 게임 스킬
  • 05참고 디자인을 재현하기 위한 전체 페이지 캡처 및 영상-프롬프트 변환 워크플로

활용 사례

  • 상세한 프롬프트를 사용해 화면 녹화 영상에서 랜딩 페이지나 애니메이션 재현하기
  • 코딩 에이전트에 Three.js 게임이나 WebGL 효과를 위한 일관된 규칙 제공하기
  • AI 에이전트가 스크린샷과 테스트를 포함해 변경 사항을 배포하는 방식 표준화하기
  • 디자인 또는 개발 팀에서 공유할 프롬프트 및 워크플로 라이브러리 구축하기

빠른 시작

  1. 1

    저장소를 클론하거나 열고 agent-skills 폴더를 살펴봅니다

  2. 2

    저장소 루트에서 모든 스킬 파일을 나열합니다

    find agent-skills -name SKILL.md | sort
  3. 3

    작업을 시작하기 전에 가장 범위가 좁으면서 적합한 SKILL.md를 에이전트에 로드합니다

포함된 컬렉션

토픽

자주 묻는 질문

Skills은(는) 무엇인가요?
Codex, Claude, Cursor 및 기타 AI 코딩 에이전트에서 사용할 수 있는 디자이너와 빌더를 위한 이식성 높은 에이전트 스킬 폴더 모음입니다. 이 저장소는 에이전트 스킬 모음입니다. 각 스킬은 SKILL.md 플레이북과 선택적으로 참고 자료, 아티클, 스크립트, 데모를 담은 폴더로 구성됩니다. 화면 녹화 영상을 상세한 프롬프트로 바꾸거나, 전체 페이지 스크린샷을 캡처하거나, Three.js 게임 시스템을 구축하거나, SVG 일러스트를 생성하는 등 반복 가능한 절차를 스킬 하나에 담아 AI 코딩 에이전트가 불러와 매번 같은 단계를 따를 수 있게 합니다.
Skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
Skills은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
Skills은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. Skills의 마지막 커밋은 2026년 11월 5일입니다.
Skills은(는) 어디에 사용할 수 있나요?
상세한 프롬프트를 사용해 화면 녹화 영상에서 랜딩 페이지나 애니메이션 재현하기 코딩 에이전트에 Three.js 게임이나 WebGL 효과를 위한 일관된 규칙 제공하기 AI 에이전트가 스크린샷과 테스트를 포함해 변경 사항을 배포하는 방식 표준화하기 디자인 또는 개발 팀에서 공유할 프롬프트 및 워크플로 라이브러리 구축하기
Skills는 어떻게 설치하나요?
저장소를 클론하거나 열고 agent-skills 폴더를 살펴봅니다 저장소 루트에서 모든 스킬 파일을 나열합니다: find agent-skills -name SKILL.md | sort 작업을 시작하기 전에 가장 범위가 좁으면서 적합한 SKILL.md를 에이전트에 로드합니다
Skills은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/MengTo/Skills

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트