ConardLi/garden-skills 官方入口：网页设计、图像生成和文章美化 Skills 指南

ConardLi/garden-skills 官方入口：网页设计、图像生成和文章美化 Skills 指南

搜 garden-skills 时，真正需要先解决的不是“命令有几种”，而是入口、选型和边界这三个问题。官方仓库只有一个：github.com/ConardLi/garden-skills。进入后先看中文 README 的技能画廊，再沿每个 Skill 区块的 README、SKILL.md 和版本化下载链接继续，不要从第三方教程附件反向安装。

想做网页，应该点哪个目录？

web-design-engineer 面向可在浏览器里运行的视觉前端：落地页、仪表盘、交互原型、HTML 幻灯片、数据可视化和设计系统探索。它不是“给页面换一套颜色”，而是先判断产品上下文和改造尺度，再声明布局、字体、颜色、动效与素材策略，尽早展示 v0，完整构建后再按需要做浏览器验收。

我会把它用在“做一个可交互产品页”上，不会用它把一份长 PDF 改成文章。后者属于 beautiful-article；如果目标是按口播节拍点击推进并录成视频，又应该转去 web-video-presentation。

想生成或编辑图片，gpt-image-2 会直接出图吗？

答案取决于运行环境。gpt-image-2 先执行模式探测：Garden 本地模式在启用开关且存在 API Key 时调用兼容接口并保存图片；宿主原生模式把整理好的 prompt 交给 Codex 或其他 Agent 自带的图像工具；没有图像能力时则只交付可复用的高质量提示词。三种模式的边界写得很明确，它不会在没有工具时假装生成成功。

它覆盖 18 类结构化模板，适合海报、产品主视觉、UI 样机、学术配图、技术架构、分镜和图片编辑。使用前先看 mode，而不是一上来就找 API 报错；本地模式需要密钥，宿主原生模式通常不运行仓库内 generate.js。

文章美化和网页设计为什么不能混着用？

beautiful-article 的主产物是一篇单文件 HTML 文章，可从 URL、PDF、DOCX、Markdown、纯文本或截图开始。它先做来源提取与编辑计划，再确认文章类型、主题、版式、配图和封面，随后才生成首屏、完整正文和终审结果。重点始终是阅读、信息保留和分享，不是后台、表单、完整 Dashboard 或通用 Web App。

选对 Skill 的方法很朴素：先写清输入是什么、交付物是什么，再看 SKILL.md 的适用与不适用范围。garden-skills 的优势不是把所有创作能力混成一个按钮，而是让不同任务各走一条更可控的生产线。