概要
Claude Code、Cursor、Codex などの AI コーディングアシスタント向けに厳選されたプロダクションレベルのスキルコレクション。Web デザイン、動画デモ、画像生成、ナレッジ検索、記事の美化などのスキルを網羅しており、各スキルには 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でスキルZIPをインポートする際の「SKILL.md frontmatter missing name or description」エラーの修正方法
SKILL.mdを編集し、有効なYAMLフロントマターが、前に空白行、スペース、BOMを入れず、必ず先頭行から始まるようにしてください:
---
name: web-video-presentation
description: Create and control web-based video presentations.
---小文字のハイフン区切りのnameを使用し、空でないdescriptionを含め、フィールド名がコメントアウトされていないことを確認してください。ファイルをBOMなしのUTF-8として保存し、正しいアーカイブルートにSKILL.mdを配置してZIPを再作成し、再度インポートしてください。