AI Briefing

garden-skills: AI 에이전트가 직접 디자인하고 영상까지 뽑는 스킬셋

ConardLi/garden-skills

·2026.08.26 23:08

Claude Code와 Cursor 등 AI 코딩 에이전트에 연결해 디자인과 프론트엔드, 영상 제작을 자동화하는 스킬 모음집이다. 단순 코드 생성을 넘어 시각적 완성도와 편집적 판단을 에이전트에 부여하는 것이 핵심이다. MIT 라이선스로 공개되어 있으며 10,000개 이상의 스타를 기록한 프로젝트다.

web-video-presentation 스킬은 스크립트나 글을 1920×1080 해상도의 웹 프레젠테이션으로 변환한다. 클릭과 키보드 입력에 따라 장면이 전환되며, 23가지 내장 테마를 적용해 화면 녹화용 영상으로 바로 사용할 수 있다. TTS 연동 옵션을 통해 내레이션 오디오 합성까지 지원한다.

web-video-presentation 스킬의 웹 프레젠테이션 출력 예시
web-video-presentation 스킬의 웹 프레젠테이션 출력 예시

web-design-engineer는 AI가 생성한 웹 아티팩트를 단순 기능 구현 수준에서 벗어나 시각적으로 기억에 남는 결과물로 다듬는다. Linear, Aesop, Bloomberg 등 25가지 앵커 스타일 레시피를 제공하며, 기존 제품의 리디자인 시 확장·보존·전면 개편 모드 중 하나를 선택해 적용한다. 반클리셰 블록리스트를 통해 범용적인 AI UI 패턴을 피하도록 설계했다.

web-design-engineer와 gpt-image-2 스킬의 출력 결과물web-design-engineer와 gpt-image-2 스킬의 출력 결과물
web-design-engineer와 gpt-image-2 스킬의 출력 결과물

gpt-image-2 스킬은 GPT Image 2 및 OpenAI 호환 API를 활용해 포스터, UI 목업, 인포그래픽 등을 생성한다. 로컬 생성, 호스트 네이티브 위임, 프롬프트 작성만 지원하는 세 가지 런타임 모드를 자동 감지해 실행 경로를 결정한다. 79개의 구조화된 프롬프트 템플릿과 160개 이상의 공개 사례 라이브러리를 제공한다.

GitHub
GitHub 저장소

ConardLi/garden-skills

ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.

CSS

이 한국어 소개글은 AI가 자동으로 만들었습니다. 원문의 주장과 맥락은 원문에서 확인해 주세요. 저작권은 원저작자에게 있습니다.

AI 처리 방식을 확인하거나, 소개 오류와 출처 표기 문제, 삭제 요청을 문의 · 건의로 알려주세요.