개요
Claude Code, Cursor, Codex 등 AI 코딩 어시스턴트를 위해 엄선된 프로덕션급 스킬 모음으로, 웹 디자인, 비디오 데모, 이미지 생성, 지식 검색, 아티클 미화 등의 스킬을 다루며, 각 스킬에는 SKILL.md 스펙과 사용 가이드가 포함되어 있습니다.
README 미리보기
\n\n# Garden Skills\n\n**A curated collection of production-ready [Agent Skills](https://support.claude.com/en/articles/12512176-what-are-skills) for Claude Code, Cursor, Codex, and other AI coding agents.**\n\n\n\n\n\n\n\nweb-video-presentation\nWeb video / presentation\n\n\n\nweb-design-engineer\nDesign / frontend\n\n\n\n\n\ngpt-image-2\nImage generation / prompting\n\n\n\nbeautiful-article\nAny source → beautiful article\n\n\n\n\n[](./LICENSE)\n[](https://github.com/ConardLi/garden-skills/stargazers)\n[](#contributing)\n[](#skills-gallery)\n[](https://agentskills.io)\n\n[English](./README.md) · [中文文档](./README.zh-CN.md) · [日本語](./README.ja-JP.md)\n\n\n\n---\n\n## Table of contents\n\n| Install | Use | Contribute |\n|---|---|---|\n| [Install](#install)[`skills` CLI (npx)](#option-a--skills-cli-npx)[Claude Code plugin marketplace](#option-b--claude-code-plugin-marketplace)[Pinned `.zip` from Releases](#option-c--pinned-zip-from-releases)[Manual copy](#option-d--manual-copy-into-your-project)[Git submodule](#option-e--git-submodule) | [Compatibility](#compatibility)[What is a Skill?](#what-is-a-skill) | [Contributing](#contributing)[Acknowledgments](#acknowledgments)[License](#license) |\n\n---\n\n### [`web-video-presentation`](./skills/web-video-presentation)\n\n\n\n**Category:** Web Video / Presentation Engineering \n**Best for:** turning scripts, articles, lessons, product demos, and talks into click-driven 16:9 web presentations that can be screen-recorded as cinematic videos.\n\n`web-video-presentation` builds record-ready Vite + React + TypeScript presentations that behave like video production surfaces. The workflow turns raw articles into narration scripts, maps script beats to full-screen scenes, pauses at required checkpoints, and can optionally synthesize narration audio after the visual outline is approved.\n\nHighlights:\n\n- Fixed 1920×1080 stage that scales to the viewport for stable screen recording\n- Click / keyboard driven `(chapter, step)` curso
FAQ (4)
문제 해결/plugin marketplace add 실행 시 'The name 'agent-skills' is reserved for official Anthropic marketplaces' 오류를 해결하는 방법
이 오류는 서드파티 리포지토리가 예약된 agent-skills 마켓플레이스 이름을 사용하기 때문에 발생하며, 이 이름은 github.com/anthropics/ 하위의 공식 Anthropic 리포지토리에만 허용됩니다. 충돌이 발생한 ConardLi/web-design-skill 리포지토리의 유지 관리자가 이름 충돌 문제를 해결했습니다. 대신 업데이트된 유효한 설치 명령을 사용하세요:/plugin marketplace add ConardLi/garden-skills
문제 해결Claude Code에서 "The name 'agent-skills' is reserved for official Anthropic marketplaces" 오류를 수정하는 방법
원인은 서드파티 마켓플레이스가 예약된 이름 agent-skills를 사용하여 Anthropic 공식 마켓플레이스 이름과 충돌했기 때문입니다. 유지 관리자가 저장소 이름을 변경했으므로 새로운 설치 명령을 사용하세요: /plugin marketplace add ConardLi/garden-skills. 수정 전 임시 해결 방법은 수동 설치 방식에 따라 스킬 파일을 로컬 skills 폴더에 수동으로 복사하는 것입니다.
문제 해결Claude Code 또는 기타 Cursor 이외의 환경에서 '.cursor/skills/web-video-presentation/scaffold.sh: No such file or directory' 오류를 해결하는 방법
문서에 Cursor의 설치 경로가 하드코딩되어 있습니다. .cursor/skills/web-video-presentation을 스킬의 실제 설치 경로로 바꾸세요. Claude Code에서는 일반적으로 ~/.claude/skills/web-video-presentation입니다.
필요한 경우 다음 명령으로 스크립트를 찾으세요:
find "$HOME/.claude" "$HOME/.cursor" \
-path '*/web-video-presentation/scripts/scaffold.sh' 2>/dev/null그런 다음 실행하세요:
SKILL_DIR="$HOME/.claude/skills/web-video-presentation"
bash "$SKILL_DIR/scripts/scaffold.sh" ./presentationTHEMES.md에 나열된 테마 명령에도 동일한 교체를 적용하세요. 스크립트는 자신의 디렉터리를 동적으로 확인하므로, 문서/주석에 하드코딩된 명령 경로만 잘못된 것입니다. 문서에는 <garden-skills-path>/skills/web-video-presentation/...과 같은 플레이스홀더를 사용하거나 Claude Code에 해당하는 경로를 제공해야 합니다.
문제 해결Claude Code GUI에서 skill ZIP을 가져올 때 'SKILL.md frontmatter missing name or description' 오류를 수정하는 방법은?
SKILL.md를 편집하고 유효한 YAML frontmatter가 맨 첫 번째 줄에서 시작하는지 확인하세요. 그 앞에는 빈 줄, 공백 또는 BOM이 없어야 합니다:
---
name: web-video-presentation
description: Create and control web-based video presentations.
---소문자와 하이픈으로 구성된 name을 사용하고, 비어 있지 않은 description을 포함하며, 필드 이름이 주석 처리되어 있지 않은지 확인하세요. 파일을 BOM 없는 UTF-8로 저장한 다음, SKILL.md가 올바른 아카이브 루트에 위치하도록 ZIP을 다시 생성하고 다시 가져오세요.