项目简介
为 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
常见问题 (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 替换为该 skill 的实际安装路径。在 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" ./presentation对 THEMES.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 编码，然后重新创建 ZIP，确保 SKILL.md 位于正确的压缩包根目录，并再次导入。