garden-skills
Awesome ListConardLi/garden-skills
Curated collection of production-ready AI agent skills for coding agents.
Overview
A curated collection of production-ready Agent Skills for Claude Code, Cursor, Codex, and other AI coding agents. Includes web design, video presentation, image generation, knowledge retrieval, and article beautification skills. Each skill ships with a SKILL.md spec, install options, and usage guides.
README Preview
\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)
TroubleshootingHow to fix 'The name 'agent-skills' is reserved for official Anthropic marketplaces' error when running /plugin marketplace add?
This error occurs because the third-party repository uses the reserved agent-skills marketplace name, which is only permitted for official Anthropic repositories under github.com/anthropics/. The maintainer of the conflicting ConardLi/web-design-skill repository has resolved the naming conflict. Use the updated valid installation command instead:/plugin marketplace add ConardLi/garden-skills
Troubleshooting如何修复 Claude Code 报错 "The name 'agent-skills' is reserved for official Anthropic marketplaces"？
原因是第三方市场使用了保留名称 agent-skills，与 Anthropic 官方市场名称冲突。维护者已将仓库改名，请改用新的安装命令：/plugin marketplace add ConardLi/garden-skills。在修复前的临时方案是按照手动安装方式，将技能文件手动拷贝到本地 skills 文件夹。
TroubleshootingHow to fix '.cursor/skills/web-video-presentation/scaffold.sh: No such file or directory' in Claude Code or other non-Cursor environments?
The documentation hard-codes Cursor's installation path. Replace .cursor/skills/web-video-presentation with the skill's actual installed path. In Claude Code it is usually ~/.claude/skills/web-video-presentation.
Locate the script if needed:
find "$HOME/.claude" "$HOME/.cursor" \
-path '*/web-video-presentation/scripts/scaffold.sh' 2>/dev/nullThen run:
SKILL_DIR="$HOME/.claude/skills/web-video-presentation"
bash "$SKILL_DIR/scripts/scaffold.sh" ./presentationApply the same replacement to the theme commands listed in THEMES.md. The script already resolves its own directory dynamically, so only the hard-coded command path in the docs/comments is incorrect. Documentation should use a placeholder such as <garden-skills-path>/skills/web-video-presentation/... or provide the Claude Code equivalent path.
TroubleshootingHow to fix 'SKILL.md frontmatter missing name or description' when importing a skill ZIP in Claude Code GUI?
Edit SKILL.md and ensure valid YAML frontmatter starts on the very first line, with no blank lines, spaces, or BOM before it:
---
name: web-video-presentation
description: Create and control web-based video presentations.
---Use a lowercase hyphenated name, include a non-empty description, and make sure the field names are not commented out. Save the file as UTF-8 without BOM, then re-create the ZIP with SKILL.md at the correct archive root and import it again.