🛍️ 更多精选好物 ›
📊 公开数据一览
| 📦 榜单安装量 | 3.3K |
| ⭐ GitHub Stars | 10,110(fork 1336) |
| 🗓️ 最近推送 | 2026-07-12 |
| 🌱 项目创建 | 2026-04-21 |
| 💻 语言 / License | CSS · MIT |
| 🐛 开放Issue | 14 |
📝 工具简介
ConardLi开源Skills合集,涵盖网页设计、知识检索、图像生成等功能。
📖 怎么用
装全部技能用 `npx skills add ConardLi/garden-skills`,只要一个就加 `-s` 参数,比如 `npx skills add ConardLi/garden-skills -s web-design-engineer`。想固定版本,用 `npx skills add ConardLi/garden-skills/tree/web-design-engineer-v1.0.0/skills/web-design-engineer`。日常管理用 `npx skills list` 查看、`npx skills find web-design` 搜索、`npx skills update` 更新。Claude Code 用户直接 `/plugin marketplace add ConardLi/garden-skills` 再 `/plugin install presentation-skills@garden-skills`。
📋 迷你测评
ConardLi开源Skills合集,涵盖网页设计、知识检索、图像生成。亮点是作者知名度高,功能面广。适合想在一个合集里找多种工具的人。
📄 README 要点
这是个把脚本、文章、课程内容变成网页演示的工具,专门给AI编程助手用的技能包。它生成的是Vite+React+TypeScript项目,做出来的是16:9的网页演示,可以录屏当视频用。特别适合做产品演示、教学课件、演讲PPT这类场景。安装方式多样,可以用npx命令行、Claude Code插件市场、或者手动复制。因为是网页形式,所以交互性比传统视频强,还能随时改代码更新内容。
查看英文原文
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 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 sw
💬 评论(0)
交流使用体验、避坑建议;违规内容将被删除