Garden Skills: a Claude Code skill by ConardLi
For designers and developers who want polished HTML pages, prototypes and decks built step by step with checkpoints. Skip it if you mainly write back-end or CLI code.
- Score
- 73of 100
- Rank
- #147of 239
- Installs
- 32.3Kon skills.sh
- Stars
- 14.9Kon GitHub
- Security
- Clear 3 scanners
- Updated
- 2026
- Context
- ~118tokens always
Install
npx skills add https://github.com/ConardLi/garden-skills
Run it in your terminal. View the source
Most people install it straight from GitHub, where it has 14.9K stars, so its skills.sh count understates how widely it is used.
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does Garden Skills do?
Garden Skills is a set of six skills by ConardLi for visual web work, images and knowledge lookup. The main member, web-design-engineer, checks facts about named products, writes a short Design Read with five dials such as motion intensity and information density, declares a design system, and waits for your go-ahead before showing a placeholder v0 and then the full HTML or React build. Browser QA runs only when you ask. The others turn sources into styled HTML articles, build code-driven motion videos, make recordable web presentations, generate images through GPT Image 2, and answer questions from a local knowledge folder.
It comes as a set of skills that work together:
- beautiful-article (4.1K installs)
- gpt-image-2 (6.1K installs)
- kb-retriever (5.4K installs)
- motion-showreel (861 installs)
- web-design-engineer (9.5K installs)
- web-video-presentation (6.3K installs)
When should you use Garden Skills?
Use it when
- You want a landing page or dashboard prototype in HTML
- You have no style in mind and want directions offered
- You need an article or talk turned into a web page
Skip it when
- Your work is back-end APIs or scripts
- You don't want to approve a design system first
What it needs and what it can touch
You need
- An OpenAI-compatible image API for gpt-image-2 (optional)
- A text-to-speech provider such as MiniMax or OpenAI for narration (optional)
What it can do
- Reads and writes project files
- Searches the web to check product facts
- Sends prompts or scripts to image and speech services when those members run
From reading its instructions, not from running it.
Why it scores 73
Strongest on upkeep (100 of 100), weakest on adoption (51).
Is Garden Skills safe to install?
Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Passed | Oct 11, 2026 |
| Socket | Passed | Oct 11, 2026 |
| Snyk | Low risk | Oct 11, 2026 |
Details
- Installs
- 32,272
- Repository stars
- 14,883
- Last repository change
- Tokens always loaded
- about 118
- Tokens when used
- about 8,626
- License
- MIT
- Data confidence
- High
Did it do the job for you?
Alternatives to Garden Skills
All skills for this job-
Get huashu-designhuashu-design
For people who want HTML prototypes, slide decks, infographics or animations, starting from three drafts to choose from.
-
Get design-taste-frontenddesign-taste-frontend
For people building landing pages or app screens who want a chosen art direction, checked in a real browser.
-
Get emil-design-engemil-design-eng
For designers and front-end developers who want tuned motion and small touches of polish in web UI.
-
Get stitch-loopstitch-loop
For builders who want an agent to grow a multi-page site with Google Stitch, one page per run.
Garden Skills