Claude Code와 Codex 같은 코딩 에이전트가 과도하게 방어하거나 불필요한 기능과 검사를 추가하지 않도록 하는 붙여넣기용 규칙 블록입니다.
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
저장소를 클론하거나 열고 agent-skills 폴더를 살펴봅니다
- 2
저장소 루트에서 모든 스킬 파일을 나열합니다
find agent-skills -name SKILL.md | sort - 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 통계는 매일 갱신됩니다.
관련 프로젝트
Claude Code, Codex, Cursor, opencode가 더 개성 있고 의도적으로 설계된 UI를 만들도록 유도하는 오픈소스 에이전트 스킬 24종 모음입니다.
Claude Code, Cursor, Codex 및 유사한 AI 코딩 에이전트용 Skill 6종 모음으로, 웹 디자인, 동영상, 이미지, 기사 작성, 로컬 지식 검색을 지원합니다.
AI 코딩 에이전트가 코드와 설명을 덜 작성하도록 해 출력 토큰과 LLM API 비용을 줄이는 크로스 툴 스킬입니다.
코딩 에이전트가 아트 디렉션과 실제 사진, 브라우저 자체 점검으로 개성 있는 프런트엔드를 만들도록 돕는 Agent Skills입니다.
Claude Code, Codex, Cursor 같은 AI 코딩 에이전트에 요구사항, 설계, 작업, 자율 구현을 아우르는 명세 기반 개발 워크플로를 Agent Skills로 설치합니다.