Garden Skills
Five skills: recordable web presentations, web design, GPT Image 2 prompting, local knowledge base retrieval and articles
- 13,381 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Skills run image generation and TTS scripts
- Generation needs external service API keys
Install
- Works in
Manual install
npx skills add ConardLi/garden-skillsAll skills, latest
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Skills run image generation and TTS scripts
- Generation needs external service API keys
This is third-party code. Review the repository files before installing.
What it does
web-video-presentation builds 16:9 Vite, React and TypeScript presentations with step-by-step narration and 23 themes, ready for screen recording, with optional voice synthesis. web-design-engineer makes the agent declare a design system, show a draft and verify the result, with 25 style recipes. gpt-image-2 handles image generation and editing in three modes, including prompt-only. kb-retriever answers from a local knowledge folder, and beautiful-article turns source material into a designed HTML article.
Who it is for. Content creators, designers and developers producing presentations, landing pages and visuals with an agent.
Good fit when
- You need to turn an article or lesson into a web presentation for video recording
- You need a polished landing page or dashboard with an explicit design system
- You need answers from local Markdown, PDF and Excel files with sources
- You want to turn long material into a readable HTML article
Not a fit when
- You need a full web app: beautiful-article only builds articles
- You have no image API access and do not need prompts
Example request
Turn this article into a web presentation for video recording with step-by-step narrationLimitations
gpt-image-2 local generation targets GPT Image 2 and OpenAI-compatible APIs. The built-in MiniMax and OpenAI TTS providers need their own keys. Some skill content, such as beautiful-article, is written in Chinese.
How to disable. Run npx skills remove with the skill name, for example npx skills remove kb-retriever, or delete the skill folder.
FAQ
How do I pin a skill version?
Use a release tag URL with npx skills add, or download the zip from GitHub Releases and verify its SHA-256 checksum.
Does gpt-image-2 work without an image API?
Yes, in advisor mode the skill only writes prompts without generating.
Discussion
No questions or reviews yet.
Related
SkillsTwelve skills that make an agent build single-file HTML animations: slides, protocol diagrams, architecture diagrams and demos for screen recording
A skill that turns a topic into a narrated 4K video: research, script, local TTS, Remotion composition and an FFmpeg mix
A skill that turns an idea, a link or a screen recording into finished video: HeyGen avatar, b-roll, captions and quality checks
ChatGPT short-video editing skills
ChatGPT 剪短影音 Skills
Two agent skills: set up the editing environment and build a vertical short video in eight verified steps
GPT-Image2 Style Library
gpt-image-2-style-library
A skill picks a matching template and style from a library of GPT-Image2 cases and assembles it into a finished prompt
An HTML design skill: clickable prototypes, slides with PPTX export, MP4 and GIF animations, infographics and expert review
README in short
A collection of Agent Skills for Claude Code, Cursor, Codex and other agents by ConardLi, MIT licensed. The README gives each skill a description, highlights, examples and a pinned zip link. Five install paths are covered: npx skills, the Claude Code plugin marketplace, release zips, manual copy and git submodule. The README is available in English, Chinese and Japanese.