Garden Skills: Give your coding agent video and web design skills
Added
Made by ConardLi
View profile on GitHub (opens in a new tab)Install ready-made skills so Claude Code, Cursor or Codex can make short videos, web pages and articles.
For developers who code with AI agents.
What it does
Garden Skills is ConardLi's open-source collection of ready-made skills for AI coding agents such as Claude Code, Cursor and Codex. A skill is a folder of instructions your agent follows, covering code-rendered videos, web video presentations, web design, image prompting, article writing and local knowledge retrieval.
How to use it
Run the one-line install with npx, choosing all skills or just one such as web-design-engineer, then ask your agent to use it. You can also install through a Claude Code plugin marketplace or a downloaded zip.
Common use cases
- Give the motion-showreel skill a topic, duration and style, and you get an MP4 short video plus its editable source files.
- Hand the web-video-presentation skill an article, and you get a click-driven 16:9 web presentation you can screen-record as a video.
- Ask the web-design-engineer skill for a landing page or dashboard, and you get a designed front-end page built after a short design plan.
Can I use this?
Requirements Runs inside an AI agent you already use, such as Claude Code, Cursor or Codex. Install with npx, a Claude Code plugin marketplace, a pinned zip, a manual copy or a git submodule. Licensed under MIT.
Caveat Short pieces typically run 5–60 s; chapter-based films support up to 20 minutes.
Worth knowing Each skill is a set of instructions for your agent, not a standalone app. Video narration uses a text-to-speech provider such as Gemini or MiniMax, or your own recording.
Why it's here
- 1,197 people starred it on GitHub this week — 14,675 in total.
Numbers as of 8 November 2026, from BuildTube’s latest daily refresh.
Behind it
View sourceBuildTube has not run or verified this project. Everything above is written from what the creator published.
Made this?
Quick questions
- What is Garden Skills?
- Garden Skills is ConardLi's open-source collection of ready-made skills for AI coding agents such as Claude Code, Cursor and Codex.
- What can I use Garden Skills for?
- Give the motion-showreel skill a topic, duration and style, and you get an MP4 short video plus its editable source files. Hand the web-video-presentation skill an article, and you get a click-driven 16:9 web presentation you can screen-record as a video. Ask the web-design-engineer skill for a landing page or dashboard, and you get a designed front-end page built after a short design plan.
- Can I run Garden Skills on my computer?
- Runs inside an AI agent you already use, such as Claude Code, Cursor or Codex.
- What do I need to use Garden Skills?
- An AI coding agent such as Claude Code, Cursor or Codex, plus npx for the one-line install.
- What license does Garden Skills use?
- Licensed under MIT.
More from this week
- DeepTutor Study your own documents with a personal AI tutor
Read documents with page-by-page citations, practice daily and get video lessons from an AI tutor.
- RAGFlow Ask questions about your documents and get cited answers
Upload documents and ask questions with traceable citations.
- gstack Turn Claude Code into a virtual engineering team
Review code, test in a real browser and ship code changes with typed commands in your coding agent.
Explore by topic
Post this
Download share imageFor makers
Made this? Show it’s on BuildTube — add the badge to your README or embed the card on your site.
README badge (Markdown)
[](https://buildtube.app/p/gh-conardli-garden-skills/)Embed card (HTML)
<iframe src="https://buildtube.app/embed/gh-conardli-garden-skills/" width="560" height="240" style="border:0;max-width:100%" loading="lazy" title="Garden Skills on BuildTube"></iframe>