13K ·GitHub
这是什么？
Garden Skills 是一套精心整理、可直接投入生产的 Agent Skills 合集——也就是可安装的 AI 编程智能体指令包——涵盖网页设计、视频风格的网页演示、图像生成和知识检索。
Garden Skills 是一套精心整理、可直接投入生产的 Agent Skills 合集——也就是可安装的 AI 编程智能体指令包——涵盖网页设计、视频风格的网页演示、图像生成和知识检索。所以它不是一个应用——安装之后我实际得到的是什么？每一项都是一个技能包：一个包含说明的 SKILL.md，外加模板、主题和脚本，当出现匹配的任务时，你的编程智能体会加载它们。通过一个小巧的 npx skills CLI 就能把它们安装到 Claude Code 这类智能体中。
每一项都是一个技能包：一个包含说明的 SKILL.md，外加模板、主题和脚本，当出现匹配的任务时，你的编程智能体会加载它们。通过一个小巧的 npx skills CLI 就能把它们安装到 Claude Code 这类智能体中。这些技能怎么安装？有四种方式：用 npx 安装 skills CLI、从 Claude Code 插件市场添加该合集、从 Releases 下载指定版本的 .zip 压缩包，或者手动复制文件 / 把它作为 git submodule 添加。
有四种方式：用 npx 安装 skills CLI、从 Claude Code 插件市场添加该合集、从 Releases 下载指定版本的 .zip 压缩包，或者手动复制文件 / 把它作为 git submodule 添加。需要特定的编程智能体吗？还要装别的东西吗？这些技能面向 Claude Code、Cursor、Codex 等各种 AI 编程智能体，不限于某一个工具。如果你使用演示技能，它会搭建 Vite + React + TypeScript 项目，所以生成的产物需要 Node.js；仓库自带的脚本要求 Node 20+。
这些技能面向 Claude Code、Cursor、Codex 等各种 AI 编程智能体，不限于某一个工具。如果你使用演示技能，它会搭建 Vite + React + TypeScript 项目，所以生成的产物需要 Node.js；仓库自带的脚本要求 Node 20+。上手之前有什么要注意的坑吗？它不能完全无人值守地跑完：演示技能会在几个硬性确认点停下来（脚本、主题、大纲、实现模式），而图像技能会先检测自己的运行模式——如果没有可用的图像工具，它就退化为只帮你写提示词。
它不能完全无人值守地跑完：演示技能会在几个硬性确认点停下来（脚本、主题、大纲、实现模式），而图像技能会先检测自己的运行模式——如果没有可用的图像工具，它就退化为只帮你写提示词。它是跑在我本机还是云端？技能就是编程智能体会读取的普通文件，所以只要 Claude Code、Cursor 或 Codex 能运行的地方都能用——macOS、Windows 或 Linux 都行。它们生成的内容（演示文稿、网页）都是本地 web 项目。
技能就是编程智能体会读取的普通文件，所以只要 Claude Code、Cursor 或 Codex 能运行的地方都能用——macOS、Windows 或 Linux 都行。它们生成的内容（演示文稿、网页）都是本地 web 项目。这个合集包含哪些技能？四个主打技能：web-video-presentation（把脚本、文章和演讲稿变成可录制的 16:9 网页演示）、web-design-engineer（精致的前端和设计系统工作）、gpt-image-2（面向 GPT Image 2 及 OpenAI 兼容 API 的图像生成与编辑，带 79 个提示词模板和 160 多个公开案例库），以及用于知识检索的 kb-retriever。
四个主打技能：web-video-presentation（把脚本、文章和演讲稿变成可录制的 16:9 网页演示）、web-design-engineer（精致的前端和设计系统工作）、gpt-image-2（面向 GPT Image 2 及 OpenAI 兼容 API 的图像生成与编辑，带 79 个提示词模板和 160 多个公开案例库），以及用于知识检索的 kb-retriever。生成的演示长什么样？一个固定的 1920×1080 舞台，会按视口缩放，通过点击或键盘推进，每个视觉步骤配一段解说节奏，还有隐藏的悬停式进度控件，这样你录屏时舞台画面保持干净。内置 23 套风格鲜明的主题，从杂志排版风到终端风再到瑞士国际主义风格都有。
一个固定的 1920×1080 舞台，会按视口缩放，通过点击或键盘推进，每个视觉步骤配一段解说节奏，还有隐藏的悬停式进度控件，这样你录屏时舞台画面保持干净。内置 23 套风格鲜明的主题，从杂志排版风到终端风再到瑞士国际主义风格都有。演示能配语音解说吗？可以——TTS 是可插拔的，不绑定某一家服务商：开箱自带两个内置服务商（MiniMax 的 mmx-cli 和通过 curl 调用的 OpenAI TTS），另外还有 ElevenLabs、edge-tts、Azure、Google Cloud 和 macOS say 的现成代码片段可直接粘贴使用。音频合成只在你确认视觉大纲之后才开始。
可以——TTS 是可插拔的，不绑定某一家服务商：开箱自带两个内置服务商（MiniMax 的 mmx-cli 和通过 curl 调用的 OpenAI TTS），另外还有 ElevenLabs、edge-tts、Azure、Google Cloud 和 macOS say 的现成代码片段可直接粘贴使用。音频合成只在你确认视觉大纲之后才开始。web-design-engineer 懂哪些设计风格？它内置一个 Design Direction Advisor，包含六种差异化流派外加 25 个有明确锚点的风格配方——Linear、Aesop、Pentagram、Bloomberg、Stripe Press、Mid-Century、Y2K 等——每个都给出具体的配色、字体、标志性手法和反模式。还有一份反俗套黑名单，把输出从千篇一律的 AI 界面风格里拉出来。
它内置一个 Design Direction Advisor，包含六种差异化流派外加 25 个有明确锚点的风格配方——Linear、Aesop、Pentagram、Bloomberg、Stripe Press、Mid-Century、Y2K 等——每个都给出具体的配色、字体、标志性手法和反模式。还有一份反俗套黑名单，把输出从千篇一律的 AI 界面风格里拉出来。What are similar projects?taste-skill, oil-ui, codex-ppt-skill, awesome-gpt-image-2, hallmark, evondevKit, transitions.dev, Skills
taste-skill, oil-ui, codex-ppt-skill, awesome-gpt-image-2, hallmark, evondevKit, transitions.dev, SkillsWhich topics is it in?web-design, gpt-image-2, presentation, design-system, tts, agent-skill, vite, knowledge-base, image-generation, prompt-engineering, cursor, rag
web-design, gpt-image-2, presentation, design-system, tts, agent-skill, vite, knowledge-base, image-generation, prompt-engineering, cursor, rag