README

Garden Skills

花园老师的开源 Agent Skills 集合，面向 Claude Code、Cursor、Codex 等所有支持 SKILL.md 格式的 AI 编程代理。







motion-showreel
代码渲染的短视频



web-video-presentation
网页视频 / 演示





web-design-engineer
设计 / 前端



gpt-image-2
图像生成 / Prompt





beautiful-article
任意素材 → 一篇精美的文章



kb-retriever
本地知识库检索










English · 中文文档 · 日本語



 🌸 模型 API 服务：Token 秘密花园

 提供 GPT、Claude、Gemini 等主流模型 API，低倍率计费、国内直连，支持支付宝充值和开票。

---

 目录

| 安装 | 使用 | 参与共建 |
|---|---|---|
| 安装skills CLI（npx）Claude Code 插件市场Releases 钉版本 .zip手动拷贝Git Submodule | 兼容性什么是 Skill？ | 贡献致谢许可证 |

---

 motion-showreel

!Motion Showreel Skill

类别： 动态图形 / 代码视频

适合： 动效作品集、产品片、UI 动效、动态排版、Logo 片头、生成艺术、年代回顾和口播讲解。短片常见 5–60 秒，分章视频最长 20 分钟。

motion-showreel 输出 MP4 和可编辑源码。Agent 先确认主题、时长、横竖屏、BGM/音效各自来源与口播方式，再写 brief、确认风格帧。页面用 render(t) 逐帧渲染，画面与声音共用时间表。有口播时使用用户原稿 TTS 或用户录音，画面跟随真实语音，音乐和音效配合讲述；长片按章缓存、重建和验收。

亮点：

- 确定性的 render(t) 管线：静帧、抽帧拼图、三方向对比、小样、正片都出自同一个页面；运动模糊、超采样、胶片颗粒都是渲染参数
- 画面和声音共用一张时间表：切点、撞击、音效用同一组数字；配乐可以用零依赖的内置合成器、带钢琴采样的 Tone.js，也可以按用户自己的曲子卡点（自动测拍点和 drop）
- 43 种风格的风格库，是起点不是选择题：瑞士编辑、水墨、孔版印刷、合成波、软萌 3D、电影片头、像素游戏、漫画分格、国潮纹样、油画笔触、白板手绘解说、数学／概念形变、泥金手抄本……每种都写明质感、运动、镜头语法和声音调色板，可以改造、混搭或自定义
- 先定声音方向，而不是套一首默认的曲子：brief 里写清声音对标、律动、和声、配器和戏剧曲线，并有一份声音「默认味」清单
- 两次确认：需求确认后写 brief，再确认风格帧（未定风格给 3 个方向），随后自主制作；放手模式保留审美自由
- 口播和长片：TTS 必须用用户原稿，支持 Gemini/MiniMax API 与用户录音时间戳；独立选择 BGM/音效来源，人声期间避让，最长 20 分钟按章构建
- 技术验收和审美判断分开：尺寸、帧率、时长、帧数、黑帧、响度、真峰值、循环接缝、确定性必须全部 PASS；审片记录交给用户终审



synthwave-neon专辑片头
soft-3d-toy连锁反应
stick ink游戏预告
cinematic-title电影片头



↑ 用这个 Skill 做的作品，各截 4 秒——打开作品展示，看全部作品（包括 Skill 自己的 80 秒宣传片）和风格画廊。

链接：README · SKILL.md · 下载 v0.2.0 .zip

---

 web-video-presentation

!Web Video Presentation Skill

类别： 网页视频 / 演示工程  
适合： 把口播稿、文章、课程、产品演示和 talk 做成视频（网页模拟）。

web-video-presentation 用于构建适合录屏的 Vite + React + TypeScript 演示。它会把原始文章转成口播稿，把口播节拍映射成全屏视觉 step，在关键节点暂停让用户确认，并可在视觉 outline 确认后选择性合成口播音频。

亮点：

- 固定 1920×1080 舞台，并按视口缩放，适合稳定录屏
- 点击 / 键盘驱动 (chapter, step) 游标，一个口播节拍对应一个视觉 step
- 在稿子、主题、outline、开发模式和可选音频合成前设置硬 checkpoint
- 悬浮才出现的进度控制，录屏时画面保持干净
- 基于主题 token 的视觉架构，内置 23 套主题，每套独立设计签名，覆盖编辑、终端、工程、瑞士国际主义等多种风格
- 可插拔 TTS：provider-agnostic 音频 runner，内置 2 个 provider（MiniMax mmx-cli + OpenAI TTS via curl），并附带三函数契约 + ElevenLabs / edge-tts / Azure / Google Cloud / macOS say 的现成代码片段
- 脚手架产出 Vite + React + TypeScript 项目，并附带舞台原语与录屏指南



creative-voltage创意分享
blueprint技术架构
swiss-ikb数据汇报
chalk-garden科普讲解





↑ 23 套主题一览 —— 打开完整画廊，含真实预览图、设计签名与适合场景标签。

链接：README · SKILL.md · 下载 v1.2.2 .zip

---

 web-design-engineer

!Web Design Skill

类别： 设计 / 前端  
适合： 网页、落地页、仪表盘、交互原型、HTML 幻灯片、动画、UI 样机、数据可视化和设计系统探索。

web-design-engineer 把 AI 生成的 Web 产物从“能用”推进到“精致、克制、真正有设计判断”。它把 Agent 当作设计工程师来约束：先理解产品上下文，再声明设计系统，尽早展示 v0，然后完整构建并验证结果。

亮点：

- 用五旋钮 Design Read 把 brief 转成构图变化、动效、密度、素材依赖与品牌保真决策
- 改动现有产品前先区分 Extension、Preserve 与 Overhaul
- 只有用户明确提出验收、QA 或浏览器测试时，才运行可执行浏览器验收 harness
- 用反 AI 俗套清单和更强的视觉判断，避免千篇一律的生成式 UI
- 内置 设计方向顾问（6 学派差异化推荐）+ 25 套有 anchor 的风格配方库（Linear / Aesop / Pentagram / Bloomberg / Stripe Press / Mid-Century 等），含可粘贴的 palette / typography / signature moves / 反