Garden Skills

Five skills: recordable web presentations, web design, GPT Image 2 prompting, local knowledge base retrieval and articles

SkillMedium risk

conardli/garden-skills

Install

npx skills add ConardLi/garden-skills

All 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 narration

Limitations

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.

Editors’ pick

Official Remotion skills for making videos in React: compositions, animation, captions, maps and rendering

SkillLow risk4.6K

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

SkillHigh riskRussian stack1

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

MCP serverMedium riskRussian stack1