13K ·GitHub
What is this?
Garden Skills is a curated collection of production-ready Agent Skills — installable instruction packs for AI coding agents — covering web design, video-style web presentations, image generation, and knowledge retrieval.
Garden Skills is a curated collection of production-ready Agent Skills — installable instruction packs for AI coding agents — covering web design, video-style web presentations, image generation, and knowledge retrieval.So it's not an app — what do I actually get when I install it?Each entry is a skill package: a SKILL.md with instructions plus templates, themes, and scripts that your coding agent loads when a matching task shows up. A small npx skills CLI installs them into agents like Claude Code.
Each entry is a skill package: a SKILL.md with instructions plus templates, themes, and scripts that your coding agent loads when a matching task shows up. A small npx skills CLI installs them into agents like Claude Code.How do I install these skills?Four routes: install the skills CLI with npx, add the collection from the Claude Code plugin marketplace, download a pinned .zip from Releases, or copy files manually / add it as a git submodule.
Four routes: install the skills CLI with npx, add the collection from the Claude Code plugin marketplace, download a pinned .zip from Releases, or copy files manually / add it as a git submodule.Do I need a specific coding agent, and anything else installed?The skills target Claude Code, Cursor, Codex, and other AI coding agents, not one specific tool. If you use the presentation skill, it scaffolds Vite + React + TypeScript projects, so Node.js is needed for the generated output; the repo's own scripts want Node 20+.
The skills target Claude Code, Cursor, Codex, and other AI coding agents, not one specific tool. If you use the presentation skill, it scaffolds Vite + React + TypeScript projects, so Node.js is needed for the generated output; the repo's own scripts want Node 20+.Any gotchas before I try it?It won't run end-to-end unattended: the presentation skill stops at hard approval checkpoints (script, theme, outline, implementation mode), and the image skill detects its runtime mode first — with no image tool available it degrades to writing prompts only.
It won't run end-to-end unattended: the presentation skill stops at hard approval checkpoints (script, theme, outline, implementation mode), and the image skill detects its runtime mode first — with no image tool available it degrades to writing prompts only.Does this run on my machine or somewhere in the cloud?Skills are plain files your coding agent reads, so they work wherever Claude Code, Cursor, or Codex run — macOS, Windows, or Linux. What they generate (presentations, pages) are local web projects.
Skills are plain files your coding agent reads, so they work wherever Claude Code, Cursor, or Codex run — macOS, Windows, or Linux. What they generate (presentations, pages) are local web projects.What skills does the collection include?Four headline skills: web-video-presentation (turn scripts, articles, and talks into recordable 16:9 web presentations), web-design-engineer (polished front-end and design-system work), gpt-image-2 (image generation and editing for GPT Image 2 and OpenAI-compatible APIs, with 79 prompt templates and a 160+ public case library), and kb-retriever for knowledge retrieval.
Four headline skills: web-video-presentation (turn scripts, articles, and talks into recordable 16:9 web presentations), web-design-engineer (polished front-end and design-system work), gpt-image-2 (image generation and editing for GPT Image 2 and OpenAI-compatible APIs, with 79 prompt templates and a 160+ public case library), and kb-retriever for knowledge retrieval.What do the generated presentations look like?A fixed 1920×1080 stage that scales to the viewport, driven by click or keyboard with one narration beat per visual step, plus hidden hover-only progress controls so the stage stays clean while you screen-record it. There are 23 built-in themes with distinct design signatures, from editorial to terminal to Swiss International.
A fixed 1920×1080 stage that scales to the viewport, driven by click or keyboard with one narration beat per visual step, plus hidden hover-only progress controls so the stage stays clean while you screen-record it. There are 23 built-in themes with distinct design signatures, from editorial to terminal to Swiss International.Can the presentations have voice narration?Yes — TTS is pluggable and provider-agnostic: two built-in providers (MiniMax mmx-cli and OpenAI TTS via curl) ship out of the box, and there are ready-to-paste snippets for ElevenLabs, edge-tts, Azure, Google Cloud, and macOS say. Audio synthesis runs only after you approve the visual outline.
Yes — TTS is pluggable and provider-agnostic: two built-in providers (MiniMax mmx-cli and OpenAI TTS via curl) ship out of the box, and there are ready-to-paste snippets for ElevenLabs, edge-tts, Azure, Google Cloud, and macOS say. Audio synthesis runs only after you approve the visual outline.What design styles does web-design-engineer know?It ships a Design Direction Advisor with six differentiated schools plus 25 anchored style recipes — Linear, Aesop, Pentagram, Bloomberg, Stripe Press, Mid-Century, Y2K and more — each with concrete palette, typography, signature moves, and anti-patterns. An anti-cliché blocklist pushes output away from generic AI UI looks.
It ships a Design Direction Advisor with six differentiated schools plus 25 anchored style recipes — Linear, Aesop, Pentagram, Bloomberg, Stripe Press, Mid-Century, Y2K and more — each with concrete palette, typography, signature moves, and anti-patterns. An anti-cliché blocklist pushes output away from generic AI UI looks.What are similar projects?taste-skill, oil-ui, codex-ppt-skill, awesome-gpt-image-2, hallmark, transitions.dev, evondevKit, Skills
taste-skill, oil-ui, codex-ppt-skill, awesome-gpt-image-2, hallmark, transitions.dev, evondevKit, 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