Claude Code 创作类 Skills 有哪些？garden-skills 技能包解析

把 garden-skills 叫作“创作技能包”没错，但仓库里的 5 个目录并不都负责直接生成视觉成品。四个 Skill 负责演示、网页、图像和文章，一个 kb-retriever 负责给创作过程找本地证据。看清这层分工，比记住五个名字更有用。

五个目录，各自产出什么？

Skill	主要输入	典型产物	别拿它做什么
web-video-presentation	文章、口播稿、课程、产品演示	点击式 16:9 Vite/React 演示，可选音频	普通长网页或静态 PPT 模板
web-design-engineer	产品需求、代码、品牌素材、UI 参考	落地页、仪表盘、原型、HTML 幻灯片、可视化	后端接口、纯 CLI、长文编辑
gpt-image-2	图像任务、参考图、模板字段	本地出图、宿主委托出图或高质量 prompt	没有图像工具时假装已经生成图片
beautiful-article	URL、PDF、DOCX、Markdown、截图、文本	单文件 HTML 文章，可选 PDF	后台、表单、完整 Dashboard、通用 Web App
kb-retriever	本地 knowledge 目录及其分层索引	带来源的渐进式检索回答	一次性把整个知识库塞进上下文

最容易被低估的是 web-video-presentation

它不是把 PPT 搬到浏览器。脚本会拆成章节和 step，每次点击推进一个口播节拍；第一章先作为视觉锚点，后面的章节再按逐章、顺序或并行模式开发。官方当前列出 23 套主题，从蓝图、新闻编辑到瑞士国际主义和粉笔风格都有，但主题只是 token 架构，真正的配色、字体和动效仍要按内容重做。

网页、图像和文章三条线怎么分？

web-design-engineer 看“产品是否可交互”

它的核心不是模板数量，而是设计判断：先确认改造尺度，再建立设计系统和风格锚点。25 套配方更像参考坐标，不是复制按钮。数字产品缺 Logo、UI 和现有代码时，品牌保真会直接受限。

gpt-image-2 看“当前环境能不能出图”

Mode A 需要启用 Garden 并提供 API Key；Mode B 借用 Claude Code、Codex 等宿主已有图像工具；Mode C 只负责 prompt。三个模式先探测再执行，能避免最尴尬的失败：没有密钥，却仍运行本地生图脚本。

beautiful-article 看“最终是不是一篇文章”

它把素材提取、编辑计划、首屏、全文和终审拆成多个节点，默认偏向高信息保留。Reacticle 组件协议负责文章语义，Raw 层只在确实服务阅读与解释时提供自由布局。它可以很漂亮，但不能借“文章”之名做成通用产品应用。

安装清单里有一个值得留意的小差异

当前仓库的 skills/ 目录、README 徽章和插件市场配置都显示 5 个 Skill，.claude-plugin/marketplace.json 也定义了 5 个插件包；中文 README 的一条 npx 示例注释仍写着“整个仓库（4 个 Skill）”。安装时应以实际目录和 manifest 为准，不要据这条旧注释漏掉 beautiful-article 或 kb-retriever。

npx skills add ConardLi/garden-skills
npx skills add ConardLi/garden-skills -s web-design-engineer

Claude Code 用户还可以按插件包订阅，Codex CLI 则可放入 .codex/skills/<name>/。想长期稳定使用，团队环境应钉 Release 或 Submodule SHA；只想体验，先装一个最贴近交付物的 Skill，跑通最小任务后再扩展。

选择时只问一句：你要交付的是视频式演示、可交互网页、图片、文章，还是带来源的知识回答？garden-skills 的结构已经把答案分好了。真正需要避免的，是因为它们都叫 Skill，就让同一个任务同时触发三套创作流程。