whatisgithub

What is garden-skills?

conardli/garden-skills — explained in plain English

Analysis updated 2026-06-26

4,617CSSAudience · vibe coderComplexity · 1/5LicenseSetup · easy

In one sentence

A collection of structured plug-in instructions (called skills) for AI coding assistants like Claude Code and Cursor, giving them reliable playbooks for specific tasks such as creating web presentations, building UI pages, generating images, and searching local documents.

Mindmap

mindmap
  root((garden-skills))
    What it does
      AI agent plug-ins
      Task playbooks
      Structured workflows
    Skills Included
      Web presentation
      UI design engineer
      Image generation
      Document retrieval
    Install Methods
      npx command
      Git submodule
      Manual file copy
    Audience
      AI tool users
      Vibe coders
      Developers
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Install the web-video-presentation skill to have an AI agent turn a script into a keyboard-navigable 1920x1080 slide presentation

USE CASE 2

Use the web-design-engineer skill to let an AI coding assistant build polished web UI pages through a structured six-step process

USE CASE 3

Add the gpt-image-2 skill to generate or edit images from 80+ prompt templates using an OpenAI-compatible image API

USE CASE 4

Drop in the kb-retriever skill so an AI agent can search and answer questions from a local folder of Markdown, PDF, or Excel files

What is it built with?

JavaScriptCSSMarkdownnpx

How does it compare?

conardli/garden-skillsbingyanstudio/lapiscvpattle/simpsons-in-css
Stars4,6174,6034,597
LanguageCSSCSSCSS
Setup difficultyeasyeasyeasy
Complexity1/51/51/5
Audiencevibe codergeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min
MIT license, use freely for any purpose including commercial, with no conditions beyond keeping the copyright notice.

So what is it?

Garden Skills is a curated set of plug-in instructions, called "skills," designed to extend what AI coding assistants like Claude Code, Cursor, and Codex can do. A skill, in this context, is a structured set of directions that tells an AI agent how to handle a specific type of task more reliably than it would by default. Think of them as specialized playbooks that you drop into a project, and the agent follows the rules inside when you invoke a skill by name. The collection currently has four skills. The first, web-video-presentation, turns an article or script into a screen-recording-ready web presentation. It builds a slide-like interface with a fixed 1920-by-1080 layout that can be stepped through with a keyboard, and it works through a set of checkpoints (script approval, theme selection, outline) before generating any visuals. The second skill, web-design-engineer, guides the agent through creating polished web pages and UI mockups, from gathering requirements through a defined six-step process to a finished, verified result. The third, gpt-image-2, handles image generation requests using OpenAI-compatible image APIs, with support for both generating new images and editing existing ones, across more than 80 prompt templates covering categories like posters, diagrams, and product mockups. The fourth, kb-retriever, lets the agent search a local folder of documents (Markdown, PDF, text, Excel) to answer questions, using a layered approach that avoids loading entire files into memory at once. Installing a skill can be done several ways: running a command with npx, finding it in the Claude Code plugin marketplace, downloading a versioned zip file from the project's releases page, copying the files manually, or adding the repository as a git submodule. Each skill lives in its own subfolder with a README and a SKILL.md file that defines the behavior. This project is aimed at developers who already use AI coding tools and want those tools to follow more consistent, deliberate processes for specific tasks rather than improvising each time. The skills are open source under the MIT license and the project accepts outside contributions.

Copy-paste prompts

Prompt 1
I installed the garden-skills web-design-engineer skill in Claude Code, walk me through using it to build a polished landing page for my SaaS app
Prompt 2
Using the garden-skills gpt-image-2 skill, generate a product mockup poster image for my e-commerce site from this description
Prompt 3
Help me install the garden-skills kb-retriever skill as a git submodule and configure it to search my local Markdown notes folder
Prompt 4
Use the web-video-presentation skill to turn this blog post into a 1920x1080 keyboard-navigable web slide presentation
Prompt 5
How do I update garden-skills to the latest version after installing it as a git submodule?

Frequently asked questions

What is garden-skills?

A collection of structured plug-in instructions (called skills) for AI coding assistants like Claude Code and Cursor, giving them reliable playbooks for specific tasks such as creating web presentations, building UI pages, generating images, and searching local documents.

What language is garden-skills written in?

Mainly CSS. The stack also includes JavaScript, CSS, Markdown.

What license does garden-skills use?

MIT license, use freely for any purpose including commercial, with no conditions beyond keeping the copyright notice.

How hard is garden-skills to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is garden-skills for?

Mainly vibe coder.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.