garden-skills packages taste and process for AI coding agents

개요

ConardLi의 garden-skills는 AI 코딩 에이전트의 역량 부족이 아닌, 취향과 프로세스 통제력의 부재에서 비롯된다는 가설을 바탕으로 개발된 프로덕션 수준의 에이전트 스킬 모음입니다.

주요 내용

• garden-skills의 특징: 각 스킬은 느슨한 프롬프트가 아닌, 명확한 기본 설정과 종료 지점을 가진 완전한 프로덕션 표면으로 제공됩니다. MIT 라이선스를 따르며 SKILL.md 사양을 준수하고, npx CLI, Claude Code 플러그인 마켓플레이스, .zip 릴리즈, 수동 복사, git submodule 등 다섯 가지 설치 방법을 지원합니다.
• 디자인 스킬 (design-skill): AI가 생성한 웹 아티팩트를 단순 기능적인 수준을 넘어 의도적인 결과물로 만들기 위해, 에이전트를 단순 마크업 자동 완성 도구가 아닌 디자인 엔지니어로 간주합니다. 제품 컨텍스트 이해, 디자인 시스템 선언, 초기 버전 제시, 전체 경험 구축, 검증 단계를 거칩니다.
• Design Read: 5가지 기준(variance, motion, density, asset dependence, brand fidelity)으로 디자인을 평가합니다.
• Redesign Modes: extension, preserve, overhaul 세 가지 모드를 구분합니다.
• Anti-cliche Blocklist: 에이전트가 기본적으로 사용하는 일반적인 UI 패턴을 피하도록 합니다.
• Design Direction Advisor: Linear, Aesop, Bloomberg 등 실제 레퍼런스를 기반으로 한 25가지 스타일 레시피와 6가지 디자인 학교를 제공합니다.
• 기술 스택: React, Babel, CSS tokens, oklch() color, container queries, reduced-motion handling을 지원하며, 브라우저 호환성 테스트는 명시적으로 요청 시에만 실행됩니다.
• 비디오 스킬 (web-video-presentation): 스크립트, 기사, 강의, 발표 등을 클릭 기반의 16:9 웹 프레젠테이션으로 변환하여 영상으로 녹화할 수 있도록 합니다.
• 프로젝트 스캐폴딩: Vite, React, TypeScript 기반으로 안정적인 녹화를 위한 1920x1080 스테이지, 내레이션 비트당 하나의 시각적 단계로 구성된 클릭/키보드 기반 제어, 카메라 화면을 깔끔하게 유지하는 숨겨진 진행 컨트롤을 제공합니다.
• 워크플로우: 원본 기사를 내레이션 스크립트로 변환하고, 스크립트 비트를 전체 화면 장면으로 매핑하며, 스크립트, 테마, 개요, 구현 모드, 오디오에 대한 협업 체크포인트에서 멈춥니다.
• 테마 및 오디오: 23가지 내장 테마와 MiniMax mmx-cli, OpenAI TTS 등 두 가지 내장 프로바이더를 포함한 플러그인 가능한 오디오 시스템을 지원합니다. ElevenLabs, edge-tts, Azure, Google Cloud, macOS say 명령을 위한 준비된 스니펫도 제공합니다.
• 기타 스킬: gpt-image-2 (이미지 생성 및 프롬프팅), beautiful-article (기사 포맷팅), RAG 기반 지식 검색 스킬이 언급됩니다.

시사점

garden-skills는 AI 스킬 라이브러리의 가치를 단순한 기능 확장보다는, 결과물이 생성된 것처럼 보이지 않고 의도된 것처럼 보이도록 만드는 기본 설정의 품질과 프로세스 통제에 집중함으로써 제시합니다. 이는 AI 에이전트 활용 방식에 대한 새로운 관점을 제공하며, 결과물의 완성도를 높이는 데 기여할 수 있습니다.