# Garden Skills Plugin Packs: The 5 Available Collections Explained

> Explore the 5 Garden Skills plugin packs presentation-skills web-design-skills knowledge-base-skills image-generation-skills and beautiful-article-skills Install them via the Claude Code marketplace or skills CLI

- Repository: [ConardLi/garden-skills](https://github.com/ConardLi/garden-skills)
- Tags: overview
- Published: 2026-09-02

---

**Garden Skills bundles its capabilities into five plugin packs—presentation-skills, web-design-skills, knowledge-base-skills, image-generation-skills, and beautiful-article-skills—that can be installed individually via the Claude Code marketplace or the `skills` CLI.**

The ConardLi/garden-skills repository distributes its functionality through modular plugin packs defined in [`.claude-plugin/marketplace.json`](https://github.com/ConardLi/garden-skills/blob/main/.claude-plugin/marketplace.json) and documented in the main README. Each pack targets a specific development workflow, from web video presentations to knowledge base retrieval. Understanding the available plugin packs in Garden Skills allows you to install only the capabilities your project requires without unnecessary dependencies.

## The Five Available Plugin Packs in Garden Skills

The repository organizes skills into **five self-contained plugin packs**. Each pack maps to a specific directory under `./skills/` and is declared as a standalone entry in the marketplace manifest.

- **presentation-skills**: Handles click-driven web-video presentations and screen-recorded explainers. Source folder: `./skills/web-video-presentation`.

- **web-design-skills**: Provides capabilities for high-quality visual and front-end design work. Source folder: `./skills/web-design-engineer`.

- **knowledge-base-skills**: Enables local knowledge-base retrieval and document QA workflows. Source folder: `./skills/kb-retriever`.

- **image-generation-skills**: Supports image generation and editing using GPT Image 2 and compatible endpoints. Source folder: `./skills/gpt-image-2`.

- **beautiful-article-skills**: Converts URLs, PDFs, DOCX, Markdown, and screenshots into single-file, offline-friendly HTML articles via the reacticle component protocol. Source folder: `./skills/beautiful-article`.

## How Plugin Packs Are Defined in the Source Code

The **marketplace manifest** at [`.claude-plugin/marketplace.json`](https://github.com/ConardLi/garden-skills/blob/main/.claude-plugin/marketplace.json) serves as the central registry for all available plugin packs in Garden Skills. This JSON file lists each pack as an object containing `name`, `description`, `source`, and an array of skill entry points.

When you execute a marketplace command like `/plugin install web-design-skills@garden-skills`, Claude Code reads this manifest to resolve the plugin name to its source directory. The system then pulls the referenced folder and registers the contained skill modules for runtime use.

The README.md file (specifically lines 68-76) provides human-readable documentation that mirrors the manifest data, displaying installation commands and linking to the JSON definition.

## Installing Garden Skills Plugin Packs

You can install any subset of the five plugin packs through two primary methods. Because each pack points to a self-contained skill directory, installation pulls only the requested files, keeping repository footprint minimal.

### Via Claude Code Marketplace

First subscribe to the marketplace, then install specific packs using the `/plugin` command:

```bash

# Subscribe to the Garden Skills marketplace

/plugin marketplace add ConardLi/garden-skills

# Install individual plugin packs

/plugin install presentation-skills@garden-skills
/plugin install web-design-skills@garden-skills
/plugin install knowledge-base-skills@garden-skills
/plugin install image-generation-skills@garden-skills
/plugin install beautiful-article-skills@garden-skills

```

### Via the Skills CLI

The `skills` CLI provides the same functionality without requiring Claude Code, reading the identical [`.claude-plugin/marketplace.json`](https://github.com/ConardLi/garden-skills/blob/main/.claude-plugin/marketplace.json) manifest to resolve plugin names:

```bash
npx skills install presentation-skills@garden-skills
npx skills install web-design-skills@garden-skills
npx skills install knowledge-base-skills@garden-skills
npx skills install image-generation-skills@garden-skills
npx skills install beautiful-article-skills@garden-skills

```

These commands make the corresponding skill modules available to your environment immediately.

## Architecture and Independence

Each plugin pack is **completely independent** by design. The architecture follows a modular pattern where:

1. The manifest at [`.claude-plugin/marketplace.json`](https://github.com/ConardLi/garden-skills/blob/main/.claude-plugin/marketplace.json) declares metadata and source paths
2. Each entry points to a dedicated subdirectory under `./skills/`
3. The runtime loads only the installed pack's modules

This structure means installing `knowledge-base-skills` does not pull code from `image-generation-skills` or other unrelated packs.

## Summary

- Garden Skills offers **five plugin packs**: presentation-skills, web-design-skills, knowledge-base-skills, image-generation-skills, and beautiful-article-skills.
- Pack definitions live in [`.claude-plugin/marketplace.json`](https://github.com/ConardLi/garden-skills/blob/main/.claude-plugin/marketplace.json) with documentation in README.md.
- Source implementations reside in `./skills/web-video-presentation`, `./skills/web-design-engineer`, `./skills/kb-retriever`, `./skills/gpt-image-2`, and `./skills/beautiful-article`.
- Install via `/plugin install <pack-name>@garden-skills` in Claude Code or `npx skills install <pack-name>@garden-skills` for standalone use.
- Each pack operates independently, allowing selective installation to minimize footprint.

## Frequently Asked Questions

### What are the five plugin packs available in Garden Skills?

The five available plugin packs are **presentation-skills** (web-video presentations), **web-design-skills** (front-end design), **knowledge-base-skills** (document QA), **image-generation-skills** (GPT Image 2 editing), and **beautiful-article-skills** (HTML article generation). Each is defined in [`.claude-plugin/marketplace.json`](https://github.com/ConardLi/garden-skills/blob/main/.claude-plugin/marketplace.json) and implemented in its respective `./skills/` subdirectory.

### How do I install a specific Garden Skills plugin pack without Claude Code?

Use the `skills` CLI with `npx skills install <pack-name>@garden-skills`. This command reads the same [`.claude-plugin/marketplace.json`](https://github.com/ConardLi/garden-skills/blob/main/.claude-plugin/marketplace.json) manifest used by Claude Code, resolves the plugin name to its source folder, and registers the skill modules for your project without requiring the Claude Code environment.

### Where does Garden Skills store plugin pack definitions?

Plugin pack definitions are stored in **[`.claude-plugin/marketplace.json`](https://github.com/ConardLi/garden-skills/blob/main/.claude-plugin/marketplace.json)** at the repository root. This JSON manifest contains the name, description, and source directory mapping for each pack. Human-readable summaries appear in README.md lines 68-76, which reference the same metadata.

### Can I install multiple Garden Skills plugin packs together?

Yes. Because each pack is self-contained and references a distinct source folder, you can install any combination of the five packs. Run individual install commands for each pack you need, or selectively install only `presentation-skills` and `web-design-skills` while excluding others to maintain a minimal codebase.