Garden Skills
Five skills: recordable web presentations, web design, GPT Image 2 prompting, local knowledge base retrieval and articles
Install
npx skills add ConardLi/garden-skillsAll skills, latest
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.
Security check
- Skills run image generation and TTS scripts
- Generation needs external service API keys
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.
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.
Related
Official Remotion skills for making videos in React: compositions, animation, captions, maps and rendering
Yandex Station TTS skill
claude-skill-yandex-tts
A Claude Code skill that speaks answers in Alice's voice on a Yandex Station over the local network
GigaChat image generation MCP
mcp-server-gigachat-image-generation
MCP server packaged as a Docker image for generating images with GigaChat, configured with GIGACHAT_CREDENTIALS