ConardLi / garden-skills

# Garden Skills
**A curated collection of production-ready Agent Skills for Claude Code, Cursor, Codex, and other AI coding agents.**
 web-video-presentation 
 Web video / presentation 
 web-design-engineer 
 Design / frontend 
 gpt-image-2 
 Image generation / prompting 
 beautiful-article 
 Any source → beautiful article 
 motion-showreel 
 Code-rendered short video 
 kb-retriever 
 Local knowledge retrieval 
English · 中文文档 · 日本語
---
## Table of contents
| Install | Use | Contribute |
|---|---|---|
| Install `skills` CLI (npx) Claude Code plugin marketplace Pinned `.zip` from Releases Manual copy Git submodule | Compatibility What is a Skill? | Contributing Acknowledgments License |
---
### `web-video-presentation`
**Category:** Web Video / Presentation Engineering 
**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.
`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.
Highlights:
- Fixed 1920×1080 stage that scales to the viewport for stable screen recording
- Click / keyboard driven `(chapter, step)` cursor, with one narration beat per visual step
- Hard collaboration checkpoints for script, theme, outline, implementation mode, and optional audio
- Hidden hover-only progress controls so the stage stays clean while recording
- Theme-token architecture with **23 built-in themes**, each with its own design signature — editorial, terminal, engineering, Swiss International, and more
- **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`
- Scaffolded Vite + React + TypeScript project with reusable stage primitives and recording guidance
 creative-voltage creative talks 
 blueprint tech architecture 
 swiss-ikb data reports 
 chalk-garden popular science 
 ↑ All 23 themes at a glance — open the full gallery for live 16:9 previews, design signatures, and best-for tags. 
Links: README · SKILL.md · Download v1.2.2 .zip 
---
### `web-design-engineer`
**Category:** Design / Frontend 
**Best for:** web pages, landing pages, dashboards, interactive prototypes, HTML slide decks, animations, UI mockups, data visualizations, and design-system explorations.
`web-design-engineer` turns AI-generated web artifacts from merely functional into polished, deliberate, and visually memorable front-end work. It treats the agent as a design engineer: first understanding product context, then declaring a design system, showing an early v0, building the full experience, and verifying the result.
Highlig