AI 코딩 도구가 디자인, 영상, 문서 검색까지 직접 수행하게 만드는 스킬 모음
Claude Code나 Cursor 같은 AI 코딩 도구를 쓰면서도 디자인 감각이나 영상 편집, 복잡한 문서 검색은 여전히 사람이 직접 해야 하는 경우가 많습니다. 이 저장소는 에이전트가 스스로 웹 디자인을 다듬고, 짧은 영상을 렌더링하며, 로컬 문서를 정밀하게 검색하게 해주는 일련의 지침과 스크립트를 제공합니다. 각 스킬은 에이전트가 상황에 맞게 자동으로 불러와 실행하도록 설계되어 있어, 개발자가 코드를 직접 쓰지 않아도 전문적인 산출물을 만들 수 있게 합니다.
에이전트가 스스로 판단하는 스킬 구조
이 저장소의 각 스킬은 SKILL.md 파일과 참고 문서, 스크립트로 구성된 폴더 단위입니다. 에이전트는 이 파일의 설명을 읽고 현재 작업에 해당 스킬이 필요한지 스스로 판단합니다. 필요하다고 판단되면 에이전트는 해당 스킬에 포함된 지침을 따라 작업을 진행하며, 필요 시 스크립트를 실행하거나 참고 자료를 불러옵니다. 이러한 구조 덕분에 사용자는 별도의 프롬프트 엔지니어링 없이도 에이전트가 일관된 품질의 작업을 수행하도록 유도할 수 있습니다. Claude Code, Cursor, Codex 등 다양한 AI 코딩 에이전트에서 동일하게 작동하도록 표준화된 형식을 따릅니다.
디자인부터 영상까지, 분야별 스킬 구성
저장소에는 웹 디자인, 영상 제작, 이미지 생성, 지식 검색 등 6가지 주요 분야의 스킬이 포함되어 있습니다.
- 웹 디자인 엔지니어 AI가 생성한 웹 페이지를 단순한 기능 구현을 넘어 시각적으로 완성도 높은 디자인으로 다듬습니다. 디자인 시스템 선언, 초기 프로토타입 확인, 최종 검증 단계까지 포함합니다.
- 모션 쇼릴 코드로 렌더링되는 짧은 영상 제작을 지원합니다. 타이포그래피, 로고 시퀀스, 제품 필름 등 5초부터 20분까지 다양한 길이의 영상을 MP4 파일과 편집 가능한 소스로 출력합니다.
- 웹 비디오 프레젠테이션 스크립트나 글을 클릭 기반의 16:9 웹 프레젠테이션으로 변환합니다. 화면 녹화를 통해 시네마틱 영상으로 저장할 수 있도록 설계되었습니다.
- GPT 이미지 2 포스터, UI 목업, 인포그래픽 등 다양한 목적의 이미지 생성과 편집을 위한 프롬프트 템플릿과 워크플로우를 제공합니다.
- KB 리트리버 로컬에 저장된 PDF, Excel, Markdown 등 다양한 형식의 문서에서 필요한 정보를 정밀하게 검색하고 출처를 명시하여 답변합니다.
설치 방법과 호환성
가장 빠른 설치 방법은 npx skills add ConardLi/garden-skills 명령어를 사용하는 것입니다. 이 명령어는 현재 사용 중인 에이전트를 자동으로 감지하여 필요한 스킬을 올바른 위치에 설치합니다. 특정 스킬만 설치하거나, 특정 에이전트를 지정하여 설치할 수도 있습니다. Claude Code를 사용하는 경우 플러그인 마켓플레이스를 통해 구독 형태로 설치할 수 있으며, CI/CD 파이프라인이나 격리된 환경에서는 GitHub Releases에서 제공되는 고정 버전의 .zip 파일을 다운로드하여 사용할 수 있습니다. 모든 스킬은 MIT 라이선스로 공개되어 있어 자유롭게 수정하고 배포할 수 있습니다.
사용 전 확인 사항
이 스킬들은 AI 코딩 에이전트가 설치되어 있어야 작동합니다. Claude Code, Cursor, Codex, Gemini CLI, OpenCode 등 README에 명시된 에이전트 중 하나를 사용해야 합니다. 각 스킬은 특정 작업에 특화되어 있으므로, 자신의 프로젝트에 필요한 스킬만 선택하여 설치하는 것이 좋습니다. 스킬의 버전은 자주 업데이트되므로, 최신 기능을 사용하려면 정기적으로 업데이트를 확인하는 것이 좋습니다.
