Garden Skills 是 ConardLi 维护的精选生产级 Agent Skills 合集，专为 Claude Code、Cursor、Codex 等编码 Agent 设计，覆盖 Web 视频演示、Web 设计工程、图像生成与提示、美化文章等高频内容生产场景，多语种文档（英文/中文/日文），让 Agent 一键产出高质量网页、视频与图文。
Garden Skills（ConardLi/garden-skills）是一套精选的"生产级"Agent Skills 合集，专为 Claude Code、Cursor、Codex 等 AI 编码 Agent 设计。当前收录 5 个精心打磨的技能：web-video-presentation（Web 视频演示工程）、web-design-engineer（Web 设计工程）、gpt-image-2（图像生成与提示工程）、beautiful-article（任意源 → 美化文章）、更多持续加。多语种文档（英文 / 简体中文 / 日文），每个 skill 都按 Agent Skills 标准做的 SKILL.md + 可选 scripts + 可选 references 完整包，可通过 5 种方式之一装。ConardLi 在 Web 前端与 AI 内容领域长期活跃。
Garden Skills 关键词自然分布：ConardLi、Web 视频演示、Web 设计工程、GPT Image 2 提示工程、美化文章、Agent 内容生产、前端内容技能、Claude Code 技能集、Cursor 集成、Codex 集成、Agent Skills 标准、多语言文档。每个 H2 段落都自然嵌入核心关键词。
Garden Skills 是"菜园"——所有技能作者亲自挑过、试过、配过，每个都是开箱即用。它不做"100 个里挑一个"的负担，做"5 个直接用"的省心。ConardLi 在 Web 前端与 AI 内容领域长期活跃，技能质量偏向"做给生产用"而不是"做给 star 用"。每个技能都按 Vercel Engineering 实战标准打包，等于把"过 Vercel 团队 review 的代码与文档"做成可复用的规则集。
第一步：环境准备。Claude Code / Cursor / Codex 任一 Agent（支持 Agent Skills 标准），Git（用于 Releases 安装）。
第二步：安装（二选一）。
# 方式 A：skills CLI（推荐）
npx skills add ConardLi/garden-skills
# 方式 B：Claude Code 插件市场
claude plugin marketplace add ConardLi/garden-skills
claude plugin install garden-skills@garden-skills第三步：第一次跑通。
# 重启 Claude Code 让 skills 缓存重载
exit
claude
# 测试 web-design-engineer
"帮我做个 Stripe 官网风格的登录页"
[Agent 自动加载 web-design-engineer skill]验证标准：第一次触发 web-design-engineer 应在 30 秒内调用 skill，给出 Vercel-quality 设计输出（配色、字体、组件、间距全合规）。
**场景 A：写技术博客配视频**。作者写了 1500 字深度文，需要配 30 秒 Web 视频摘要。
/web-video-presentation
> 主题: MiniMax H3 视频生成模型本地化
> 时长: 30 秒
> 受众: 工程师
[Agent 加载 web-video-presentation skill + web-design-engineer skill]
> 输出: HTML 视频页（含字幕 / 章节 / 动画）+ 视频脚本**场景 B：把任意源转美化文章**。客户给了 50 页 PDF 报告，要转成可发布的网页文章。
/beautiful-article
> 输入: ./report.pdf
> 风格: 学术报告 + 信息图
> 受众: 行业分析师
[Agent 加载 beautiful-article skill]
> 输出: HTML 文章（含 TOC / 章节锚点 / 引用块 / 信息图 / 移动端适配）**场景 C：营销活动配图**。要出 Instagram 主视觉 + 故事版 9 张。
/gpt-image-2
> 主视觉: "夏天清爽饮料"
> 风格: 极简 + 渐变 + 静物摄影
> 输出: 1080x1080 主图 + 1080x1920 故事版
[Agent 加载 gpt-image-2 skill + 提示词模板]
> 输出: 9 张提示词（主图 + 8 张故事版）+ 模型参数awesome-agent-skills 是"目录"——列出来让你自己挑、自己装、自己接。Garden Skills 是"菜园"——所有技能作者亲自挑过、试过、配过，每个都是开箱即用。它不做"100 个里挑一个"的负担，做"5 个直接用"的省心。
5 个是当前精选，每个覆盖内容生产的最高频场景（视频 / 设计 / 图 / 文章 / 持续加）。ConardLi 的策略是"宁少勿杂"——5 个 100 分胜过 50 个 60 分。每月新增 1-2 个，经实际生产验证再发布。
能。所有 skill 的 markdown 都是 forkable 的，README 明确建议先 fork、改 `skills/<name>/SKILL.md`、再卸 upstream、装 fork 改过的版本。
适合：(a) 写前端 / 做设计 / 做内容运营的人——想要"生产级"而非"demo 级"；(b) 团队 leader——统一团队里 AI 输出的网页 / 文章 / 视频到一套高质量规则；(c) 已在用 mattpocock/skills / vercel-labs/agent-skills 的人——Garden Skills 是互补而非替代（一个偏工程纪律，一个偏内容生产）。
故障排除：
1. **`npx skills add` 报权限错**：用 `npx -y skills add ConardLi/garden-skills` 加 `-y` 跳过确认；macOS / Linux 偶尔需要 `sudo`。
2. **skills 没出现在 Agent 里**：重启 Agent 会话（`exit` + `claude`）；检查 `~/.claude/skills/garden-skills/` 目录是否有 5 个 skill 子目录。
3. **web-design-engineer 输出太简单**：加更多上下文——"风格：Stripe 风格 / Vercel 风格 / Linear 风格"，skill 内置风格匹配但需要明确关键词。
4. **Pinned ZIP 安装后无法更新**：用 `npx skills update garden-skills -g` 更新到最新版，pinned 仅适合锁版本项目。
5. **Git 子模块 clone 失败**：先 `git submodule add https://github.com/ConardLi/garden-skills skills/garden-skills`，再 `git submodule update --init`。
MIT 协议，5 种安装方式（skills CLI / Claude Code 插件 / Releases ZIP / 手动复制 / Git 子模块），欢迎 PR。
> **michael 用户告知**: 本 Skill 在 AIMS 平台使用平台已支持的真实大模型（与原 README 推荐对照）
| 项 | 说明 |
|---|---|
| **原仓库 README 推荐** | Claude Code / Codex / Gemini CLI / Cursor |
| **AIMS 平台实际使用** | **`claude-sonnet-4.6`** |
| **AIMS 平台可用替代** | claude-opus-4.7 / gpt-5 / gemini-2.5-pro |
| **对齐度** | 高度一致 (Claude + 多模型兼容) |
> 💡 **如何切换模型**: 使用 AIMS `aims.update_skill` 传 `skill_id + model_name + call_price_fen` 即可在上述任意支持的模型间切换（短 id 直接传，无需前缀）。
awesome-agent-skills 是"目录"——列出来让你自己挑、自己装、自己接。Garden Skills 是"菜园"——所有技能作者亲自挑过、试过、配过，每个都是开箱即用。它不做"100 个里挑一个"的负担，做"5 个直接用"的省心。
5 个是当前精选，每个覆盖内容生产的最高频场景（视频 / 设计 / 图 / 文章 / 持续加）。ConardLi 的策略是"宁少勿杂"——5 个 100 分胜过 50 个 60 分。每月新增 1-2 个，经实际生产验证再发布。
能。所有 skill 的 markdown 都是 forkable 的，README 明确建议先 fork、改 `skills/<name>/SKILL.md`、再卸 upstream、装 fork 改过的版本。