【Garden Skills为AI编码代理精心策划的实用技能集】涵盖网页视频展示、网页设计、图像生成、文章优化等多种实用技能适用于不同场景和需求。【目录】- 安装- 使用- 贡献- 技能介绍【技能介绍】【web - video - presentation】类别为网页视频/展示工程适用场景是将脚本、文章、课程、产品演示和演讲转化为可点击驱动的16:9网页展示还能录制成电影级视频。其特点包括构建基于Vite React TypeScript的可录制展示表现如同视频制作界面可将原始文章转化为旁白脚本将脚本节拍映射到全屏场景在必要检查点暂停还能在视觉大纲获批后合成旁白音频固定1920×1080舞台可随视口缩放以稳定录屏支持点击/键盘驱动章节、步骤光标每个视觉步骤对应一个旁白节拍具备严格的协作检查点涵盖脚本、主题、大纲、实现模式和可选音频隐藏仅悬停时显示的进度控件录制时舞台保持简洁拥有主题令牌架构内置23种主题每种都有独特设计风格支持可插拔TTS提供两种内置音频提供者还可与其他服务集成提供基于Vite React TypeScript的项目模板包含可复用的舞台原语和录制指南。【web - design - engineer】类别是设计/前端适用于网页、着陆页、仪表盘、交互式原型、HTML幻灯片、动画、UI模型、数据可视化和设计系统探索等。特点有将AI生成的网页元素从仅具功能性提升为精致、有设计感且视觉上令人难忘的前端作品把代理当作设计工程师先了解产品背景再定义设计系统展示早期版本构建完整体验并验证结果将需求转化为涵盖多种维度的设计评估区分不同的重新设计模式仅在用户明确请求时运行浏览器验收测试借助反陈词滥调黑名单和更强的视觉判断力突破通用AI UI模式提供设计方向顾问和25种固定风格配方每种配方包含具体的调色板、排版、标志性动作和反模式涵盖HTML / CSS / JavaScript / React原型提供响应式布局、动画和交互优化指导包含实用的实现规则如内联React Babel、CSS令牌、oklch()颜色处理、容器查询和减少动画处理提供高级模式参考适用于设备框架、幻灯片引擎、动画时间线、仪表盘等可复用网页元素。【gpt - image - 2】类别为图像生成/提示工程适用于海报、UI模型、产品视觉、信息图、学术图表、技术图表、漫画、头像、故事板、品牌板和图像编辑工作流等。特点如下专为GPT Image 2和OpenAI兼容的图像API设计的专注图像生成技能支持三种运行模式本地花园模式、主机原生委托模式和仅提示顾问模式每个任务开始时进行模式检测避免错误执行路径提供18个视觉类别和79个结构化提示模板通过专用工作流和脚本支持图像生成和编辑在花园模式下保存提示和生成的图像便于重用、审查和版本控制。【kb - retriever】类别是检索/本地知识库用于从本地知识目录回答问题、搜索结构化文档以及从Markdown、文本、PDF和Excel文件中提取证据且不会使代理上下文过载。特点为基于谨慎、渐进式搜索构建的本地知识库检索器使用分层数据结构文件导航知识库再进行内容搜索对PDF和Excel文件执行先学习后处理规则在提取或分析前参考相关文档结合精确关键字搜索、本地窗口读取、同义词和迭代优化检索限制最多5轮搜索确保探索可控包含grep、pdftotext、pdfplumber和pandas等工作流支持带来源的答案格式化。【beautiful - article】类别是编辑 - 任何源转化为精美文章适用场景是将URL、PDF、DOCX、Markdown、纯文本、截图和粘贴的笔记转化为精致、可分享的文章包括长篇文章、简报、解释文章、教程、事后分析、视觉文章、对话记录等。特点有专注于文章本身提升阅读体验、节奏和美学采用Reacticle组件协议包含多种语义组件和主题令牌层提供10种文章类型及相应的保留比率拥有11种创作主题配置文件每种是针对代理的Markdown合约具备严格的协作检查点逐点决策记录包含3:4书籍风格封面、默认目录和语言感知翻译步骤采用节点质量协议主代理进行计划内联检查子代理进行首次传播/章节/最终审查和修复。【安装】支持以下五种安装方式选择适合你技术栈的方式【方式Askills CLI (npx)】这是最快且与代理无关的方式。使用标准的npx skills CLI它会自动检测你的代理Claude Code、Cursor、Codex等并将技能安装到正确的目录。默认安装主分支的最新提交。如果你需要固定版本如CI / 生产环境可以使用标签范围的tree/ URL。每个技能的当前固定.zip URL也会在其“Links:”行中显示。【方式BClaude Code插件市场】如果你使用Claude Code可以订阅插件市场并安装包含一个或多个技能的插件包插件包在.claude - plugin/marketplace.json中声明。【方式C从Releases下载固定.zip文件】每个正式版本都会在GitHub Releases上发布一个不可变的.zip文件带有SHA - 256校验和。当你需要确保文件内容不变时可以在CI、Dockerfiles或离线安装程序中使用。也有一个“始终最新”的浮动URL适用于一次性安装。每个技能的固定URL会在README中列出并由发布管道自动同步。【方式D手动复制到项目】克隆仓库并复制你需要的技能文件夹适合你想要对技能进行分叉或修改的情况。代理下次扫描工作区时会发现该技能。【方式EGit子模块】用于将技能集成到更大的项目中并跟踪上游更新。为了可重复性可以固定到发布标签。【兼容性】SKILL.md格式设计为可移植的只要你的代理支持技能将文件夹复制到其扫描目录即可使用。欢迎提交PR扩展此兼容性矩阵。【什么是技能】技能是一个自包含的文件夹代理可以按需加载。它主要包含一个SKILL.md文件YAML前置元数据 说明还可选择性地包含参考文档、脚本和资产。代理根据前置元数据中的描述行决定是否激活技能因此描述是你与代理之间的契约。完整规范请参考agentskills.io和Anthropic的参考仓库。【贡献】欢迎提交错误报告、新技能和工具改进。维护者相关文档仓库布局、发布流程、版本规则、CI工作流、故障排除位于CONTRIBUTING.md中文。如果你想添加技能或发布版本请先阅读该文档。【致谢】本技能集得益于以下贡献Anthropic提供的Agent Skills规范和anthropics/skills参考仓库Claude Design的系统提示启发了web - design - engineer技能原始提示保存在dist/prompt/claude - design - system - prompt.md中供参考更广泛的开源技能社区可参考travisvn/awesome - claude - skills和obra/superpowers进一步探索。【联系我们】可通过以下平台联系X/Twitter、B站、抖音、YouTube、小红书、公众号、GitHub、个人网站。【许可证】本项目采用MIT许可证。