{"data":{"slug":"conardli-garden-skills","name":"garden-skills","tagline":"ConardLi's open-source Skills collection","github_url":"https://github.com/ConardLi/garden-skills","owner":"ConardLi","repo":"garden-skills","owner_avatar_url":"https://avatars.githubusercontent.com/u/30708545?v=4","primary_language":"CSS","stars":9239,"forks":1238,"topics":["agent","claude","gpt-image-2","rag","skills","web-design"],"archived":false,"github_pushed_at":"2026-06-10T13:43:52+00:00","url":"https://www.graphcanon.com/tools/conardli-garden-skills","markdown_url":"https://www.graphcanon.com/tools/conardli-garden-skills.md","api_url":"https://www.graphcanon.com/api/graphcanon/tools/conardli-garden-skills","graph_url":"https://www.graphcanon.com/api/graphcanon/graph?tool=conardli-garden-skills","description":"ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.","homepage_url":"https://github.com/ConardLi/garden-skills","license":"MIT","open_issues":12,"watchers":48,"ai_summary":"Repository containing a variety of skills for AI coding agents such as Claude Code, Cursor, and Codex, including knowledge retrieval, image generation, web design, and more.","readme_excerpt":"
\n\n# Garden Skills\n\n**A curated collection of production-ready [Agent Skills](https://support.claude.com/en/articles/12512176-what-are-skills) for Claude Code, Cursor, Codex, and other AI coding agents.**\n\n\n\n\n\n\n\n\n\n\n\n\n
\n\"Web\n
web-video-presentation\n
Web video / presentation\n		\n\"Web\n
web-design-engineer\n
Design / frontend\n
\n\"GPT\n
gpt-image-2\n
Image generation / prompting\n		\n\"Beautiful\n
beautiful-article\n
Any source → beautiful article\n
\n\n\n\n\n\n\n\n[English](./README.md) · [中文文档](./README.zh-CN.md) · [日本語](./README.ja-JP.md)\n\n
\n\n---\n\n## Table of contents\n\n| Install | Use | Contribute |\n|---|---|---|\n| [Install](#install)
[`skills` CLI (npx)](#option-a--skills-cli-npx)
[Claude Code plugin marketplace](#option-b--claude-code-plugin-marketplace)
[Pinned `.zip` from Releases](#option-c--pinned-zip-from-releases)
[Manual copy](#option-d--manual-copy-into-your-project)
[Git submodule](#option-e--git-submodule) | [Compatibility](#compatibility)
[What is a Skill?](#what-is-a-skill) | [Contributing](#contributing)
[Acknowledgments](#acknowledgments)
[License](#license) |\n\n---\n\n### [`web-video-presentation`](./skills/web-video-presentation)\n\n\n\n**Category:** Web Video / Presentation Engineering \n**Best for:** turning scripts, articles, lessons, product demos, and talks into click-driven 16:9 web presentations that can be screen-recorded as cinematic videos.\n\n`web-video-presentation` builds record-ready Vite + React + TypeScript presentations that behave like video production surfaces. The workflow turns raw articles into narration scripts, maps script beats to full-screen scenes, pauses at required checkpoints, and can optionally synthesize narration audio after the visual outline is approved.\n\nHighlights:\n\n- Fixed 1920×1080 stage that scales to the viewport for stable screen recording\n- Click / keyboard driven `(chapter, step)` cursor, with one narration beat per visual step\n- Hard collaboration checkpoints for script, theme, outline, implementation mode, and optional audio\n- Hidden hover-only progress controls so the stage stays clean while recording\n- Theme-token architecture with **23 built-in themes**, each with its own design signature — editorial, terminal, engineering, Swiss International, and more\n- **Pluggable TTS** — provider-agnostic audio runner; ships **two built-in providers** (MiniMax `mmx-cli` + OpenAI TTS via curl) plus a contract + ready-to-paste snippets for ElevenLabs / edge-tts / Azure / Google Cloud / macOS `say`\n- Scaffolded Vite + React + TypeScript project with reusable stage primitives and recording guidance\n\n\n\n
\"creative-voltage
creative-voltage