Garden Skills: 让 AI 编程工具拥有专业技能的工具箱

Garden Skills 概览 图1：Garden Skills 官方展示图

场景引入：当 AI 助手面对「做一个漂亮的着陆页」

想象一下，你对 Claude Code 说：「帮我做一个和 Stripe 一样漂亮的着陆页。」如果 AI 只是按部就班生成代码，结果往往是一堆样式陈旧、布局混乱的 HTML。Garden Skills 正是为了解决这个痛点而生的——它为 AI 编程工具提供了一套专业级技能，让 AI 在执行任务时能够调用经过精心设计的工具和规范，而不是从零「自由发挥」。

背景与起源

Garden Skills 由开发者 ConardLi 创建和维护，是一个持续更新的 Agent Skills 精选集合。它的设计理念与传统的 prompt 模板不同：不是给 AI 一段文字描述，而是给 AI 一套可以直接调用的技能模块，涵盖网页设计、知识检索、AI 图像生成、网页视频演示等多个领域。这些技能针对主流 AI 编程工具（Claude Code、Cursor、Codex 等）优化，遵循 SKILL.md 规范，开箱即用。

什么是 Agent Skill？

如果把 AI 编程工具比作一位能力出众但缺乏专业训练的助手，Agent Skill 就是这位助手的「专业手册」——它告诉 AI 在特定场景下应该使用哪些工具、遵循哪些规范、按照什么流程操作。比如网页设计技能（web-design-engineer）内置了完整的视觉设计规范，AI 在生成网页时不再「随机发挥」，而是严格按照专业标准输出高质量的前端代码。

四大核心技能

1. Web Design Engineer（网页设计工程师）

这是 Garden Skills 中最核心的技能之一。它能将自然语言指令转化为专业级 HTML/CSS/JavaScript/React 代码，支持着陆页、数据仪表盘、交互原型、幻灯片、动画、UI 模型和数据可视化等多种产出。技能内置了设计系统规范，生成的页面在视觉上一致且美观，解决了 AI 生成代码「风格随机、细节缺失」的老大难问题。

2. GPT Image 2（AI 图像生成）

针对 GPT Image 2 和 OpenAI 兼容图像 API 的专门技能，支持三种运行模式：Garden 本地模式、主机原生委托模式和纯顾问模式。它将 18 种视觉类别（LOGO、海报、UI 设计、图标等）封装为标准化工具，AI 在生成图像时能根据场景选择最合适的生成策略，输出的图像更符合实际需求。

3. KB-Retriever（知识库检索）

本地知识库检索技能，支持渐进式搜索。它通过 data_structure.md 索引文件导航层级化数据，对 PDF 和 Excel 文件强制执行「先学习再处理」的流程，最多进行五轮检索后自动终止，确保 AI 在处理大量文档时不会陷入无限循环。

4. Web Video Presentation（网页视频演示）

将脚本、文章、课程、产品演示和演讲转化为点击驱动的 16:9 网页演示文稿，可进一步录制为电影感视频。技能内置了 Vite + React + TypeScript 脚手架，输出的演示文稿具有专业级的视觉效果，兼顾了开发效率与产出质量。

技术架构

Garden Skills 的架构遵循 SKILL.md 规范，每个技能都有独立的 manifest.json 描述元数据。项目本身是 Node.js 模块（package.json 规范），通过 npm 管理，支持 Node.js >= 20 环境。skills 目录包含四个子技能，每个技能独立版本化管理（web-design-engineer 和 web-video-presentation 为 v1.2.1，gpt-image-2 为 v1.0.3，kb-retriever 为 v1.0.0）。

代码仓库还包含自动化脚本（scripts/）用于发布管理、自动化测试验证（validate 脚本）和国际化贡献指南（中/英/日三种语言）。整体代码结构清晰，模块化程度高，遵循 MIT 许可证开源。

争议与局限

需要注意的是，Garden Skills 的 Web Design Engineer 生成的是静态网页（HTML/CSS/JS），而非现代主流的 React/Vue 等 SPA 框架。对于需要复杂状态管理的应用场景，该技能的能力边界较为明显。此外，作为 Agent Skill 的早期实践者，这套工具的稳定性和大规模使用场景下的表现仍有待更多用户验证。

行业意义

Garden Skills 代表了 AI 编程工具发展的一个新方向——从「万能 prompt」到「专业化技能库」。随着 Claude Code、Cursor、Codex 等工具的普及，如何让 AI 在特定领域达到专业水准成为新的课题。Garden Skills 用开源的方式探索这一方向，降低了开发者的使用门槛，也为 Agent Skill 生态的标准化做出了贡献。