夜雨聆风最近这段时间，如果你经常折腾 Claude Code、Cursor、Codex 这类 AI Agent，应该会有一个很强烈的感觉。
模型越来越强了。
但很多时候，它们还是不太会干活。
你让它写一个网页，它能写。
但页面经常一股 AI 味，卡片、渐变、圆角、发光按钮一套组合拳打下来，看起来很热闹，但不高级。
你让它做一张技术架构图，它也能做。
但如果你不把构图、风格、信息层级、视觉模板、输出约束全都讲清楚，最后很容易变成一张「看起来像技术图，但其实不太能用」的图片。
你让它查本地资料、整理 PDF、读 Excel，它当然也能读。
但如果没有规则，它可能上来就把整个文件塞进上下文，Token 哗哗往外烧，最后回答还不一定有出处。
这正是今天要给大家介绍的开源项目 Garden Skills 想解决的问题，它在github上已收获7.7k stars。
项目链接：
https://github.com/ConardLi/garden-skills
这个开源项目的作者是来自字节跳动的ConardLi，他把很多创作者、开发者、知识工作者每天都在重复调教 AI 的经验，变成了一套可复用的标准化Skills插件。
项目主要包括四个技能，分别是网页视频演示、Web 设计工程、GPT Image 2 图像生成、本地知识库检索。
01
视频演示、网页设计、图像生成、检索，
一次补齐 AI 创作工作流
首先是 web-video-presentation，该skill专注网页视频/演示工程。
它能将口播稿、文章或产品演示转化为适合录屏的Vite + React + TypeScript演示项目。
不同于普通的幻灯片工具，它构建了一个固定1920×1080的舞台，支持点击/键盘驱动的叙事节奏，并在关键节点设置硬性检查点，确保视觉与内容完美同步。
内置23套主题设计，从创意分享到技术架构、数据汇报再到科普讲解，每一套都有独特的视觉签名和排版逻辑。
同时支持可插拔的TTS（文本转语音）系统，内置MiniMax和OpenAI方案，用户可以轻松录制出电影感十足的专业视频。
其次是 web-design-engineer，这是项目中最受好评的Skill。
它将AI从“生成页面”升级为“设计工程师”。
通过六步工作流（需求理解→上下文分析→设计系统声明→v0原型→完整构建→验证），避免了AI常见的俗套设计。
项目内置设计方向顾问和25套锚定风格配方，涵盖Linear、Aesop、Bloomberg Terminal、Mid-Century Modern等高端审美，每套配方都包含具体的调色板、排版规则、签名手法和反模式清单。
无论是落地页、仪表盘还是交互原型，都能输出具有专业设计判断、响应式且细节精致的作品，彻底告别“AI味”网页。
gpt-image-2 则聚焦图像生成。
它支持三种运行模式（本地生成、委托宿主工具、纯提示词顾问），并提供18大类、79个结构化提示词模板，覆盖海报、UI样机、技术图、品牌板等多种场景。
同时支持图像编辑工作流，并会在生成过程中自动保存prompt和图片，便于迭代和版本管理。用户可以用它快速产出高质量视觉素材，极大降低了图像创作门槛。
最后是 kb-retriever，一个谨慎而强大的本地知识库检索Skill。
它不简单粗暴加载整个文件，而是通过分层索引逐步缩小范围，正确处理Markdown、PDF、Excel等格式，并始终带来源输出答案。
这有效避免了上下文溢出问题，让AI在处理大型本地文档集时也能保持高效和可信。
这对于企业内部文档、个人知识库、论文资料、会议材料、项目复盘等场景都很实用。
02
安装教程
（1）skills CLI（npx）
# 一次装上整个仓库（4 个 Skill），最新npx skills add ConardLi/garden-skills# 只装某一个 Skill，最新npx skills add ConardLi/garden-skills -s web-design-engineer# 装到全局 (~/.skills) 而不是当前项目 (./.skills)npx skills add ConardLi/garden-skills -s gpt-image-2 --global# 指定目标 Agentnpx skills add ConardLi/garden-skills -s kb-retriever -a claude-code
（2）在 Claude Code 中安装
/plugin marketplace add ConardLi/garden-skills/plugin install presentation-skills@garden-skills/plugin install web-design-skills@garden-skills/plugin install knowledge-base-skills@garden-skills/plugin install image-generation-skills@garden-skills
（3）使用案例
可以直接对带 GPT‑Image‑2 Skill 的 Agent 输入以下提示词，它会自动从 references/ 找到对应模板， 把参数填进去，渲染最终 prompt 并出图。
帮我用 gpt-image-2 Skill 出一张图：AI Agent 工作机制（分步与组件一页通）。风格/场景参考你的视觉文档分类下的Dense Explainer Slides 模板
生成的图像：
帮我用 web-design-engineer Skill 出一个网页：林黛玉个人介绍网站。风格/场景参考 mailchimp-freddie 模板
生成的网页：
03
把好流程封装起来，
AI Agent 才能真正进入生产场景
Garden Skills 从视频演示、网页设计、图像生成、本地知识库检索四个核心创作场景切入。
这些场景看似分散，实则共同构成了 AI 时代内容生产的完整链路。
创作者可以先用 kb-retriever 高效检索本地资料、锁定事实依据；再通过 web-design-engineer 构建专业水准的网页与可视化界面；借助 gpt-image-2 生成高质量封面、技术架构图和品牌视觉；最后用 web-video-presentation 将文章、口播稿或产品逻辑转化为可直接录屏的电影感演示视频。
它不再是孤立的单点工具，而是一条由 Skills 串联而成的 AI 创作流水线。
对于个人创作者而言，它大幅缩短了从想法到成品的距离。
对于开发者，它提供了一套可直接复用的 Agent 工作规范。
对于企业，它则是一种轻量却高效的能力沉淀机制，将团队里反复打磨的设计规范、检索方法、内容流程和可视化经验，转化为可以被 AI Agent 随时调用、持续迭代的标准化模块。
这或许正是当前 AI Agent 从“能用”走向“真正好用”的最关键一步。
不用让所有人都成为提示词工程师，而是让优质的提示词、专业的工作流程、成熟的审美体系、规范的工程习惯，不再是少数行业高手的专属能力，可以被封装、共享、安装、复用的公共生产力工具，真正实现 AI 生产力的普惠与标准化。
END
✦
✦
2026中国AI智能体大会
✦
✦
✦
入群申请
✦
关注+星标，每日获取AI前沿进展与高星开源项目
