ConardLi 开源 AI Agent Skills 集合：从网页演示到知识检索的生产级能力

ConardLi 开源 AI Agent Skills 集合从网页演示到知识检索的生产级能力在 AI 编程助手生态快速发展的今天如何让 Claude Code、Cursor、Codex 等工具真正落地生产场景成为开发者关注的焦点。ConardLi 开源的 garden-skills 正是为此而生的一套面向 AI 编程助手的预置 Skills 集合涵盖网页演示、前端设计、图像生成、知识检索等生产级能力。一、Skills 集合概览garden-skills 是一套标准化的 AI Agent 技能集合采用 SKILL.md 格式YAML frontmatter instructions每个 Skill 都是可移植的独立文件夹。这套集合的核心设计哲学是即插即用——复制文件夹即可在不同 Agent 平台中使用无需复杂的配置过程。目前已收录的技能包括- web-video-presentation网页视频/演示文稿生成- web-design-engineer智能前端设计工程师- gpt-image-2图像生成- kb-retriever本地知识库渐进式检索- beautiful-article文章美化与编辑流程二、网页视频/演示文稿生成web-video-presentation这个技能可以将脚本、文章、产品演示等素材自动转化为 16:9 的 Vite React TypeScript 网页演示。生成的页面支持点击驱动和隐藏进度条两种模式非常适合屏幕录制场景。核心特性主题系统内置 23 种预设主题覆盖商务、科技、学术等多种风格。用户可以根据内容调性选择合适的主题。TTS 集成支持可插拔的语音合成模块包括 MiniMax、OpenAI、ElevenLabs 等多个提供商。对于多语言支持garden-skills 采用了标准化的 TTS 接口抽象层不同语言版本只需切换对应的语音引擎配置即可实现无缝接入。使用流程输入素材 → 自动生成页面结构 → 选择主题 → 可选 TTS → 导出演示生成后的网页可以直接在浏览器中打开也支持导出为静态 HTML 文件用于分享。三、智能前端设计工程师web-design-engineerweb-design-engineer 是一个专门提升网页视觉质量的设计师角色。它通过五个维度评估设计质量变体Variants、动效Animations、密度Density、素材依赖Asset Dependency、品牌一致性Brand Consistency。设计评估体系这套技能包含 25 种锚定风格配方包括 Linear、Aesop、Stripe Press 等知名产品的设计风格。评估完成后AI 会给出具体的改进建议帮助开发者将功能可用的网页提升到视觉精致的水准。支持的技术栈- HTML/CSS/JS 原型- React 组件- 响应式布局指导- 动效实现方案对于开发者来说这意味着即使不具备专业设计背景也能通过 AI 辅助产出接近专业水准的前端界面。四、GPT Image 2 图像生成gpt-image-2gpt-image-2 支持三种运行时模式满足不同场景需求1.本地 Garden 生成完全在本地环境执行图像生成2.主机原生图像工具委托调用系统已安装的图像生成工具3.纯提示词顾问模式仅优化提示词不涉及实际生成视觉分类与模板该技能提供 18 个视觉分类和 79 个结构化提示词模板覆盖以下场景- 海报设计- UI 原型图- 信息图表- 技术架构图- 社交媒体配图每种模板都经过精心设计确保生成的图像符合特定场景的视觉规范。五、本地知识库渐进式检索kb-retrieverkb-retriever 采用分层索引结构解决了本地知识库检索效率低下的问题。在搜索内容之前系统会先在 hierarchical index 中定位相关区域然后再进行精确搜索。检索策略-关键词搜索基于文本匹配的精准检索-本地窗口读取直接读取本地文件内容-同义词扩展自动扩展搜索词提高召回率-迭代优化根据检索结果不断优化查询策略对于 PDF 和 Excel 文件该技能强制执行结构化解析确保表格数据和文档内容都能被正确索引和检索。工作流程文件导入 → 分层索引构建 → 查询解析 → 渐进式检索 → 结果整合六、文章美化与编辑流程beautiful-articlebeautiful-article 将 URL、PDF、DOCX、Markdown 等多种来源的内容转化为精致可分享的文章。它采用严格的编辑流程source → plan → double-confirmation → build → review → repair。编辑流程详解1.Source从各种来源提取原始内容2.Plan制定文章结构和风格方案3.Double-Confirmation在三个关键节点设置人工确认确保内容准确4.Build按照方案生成文章5.Review审核输出质量6.Repair根据反馈进行修复主题配置提供 10 种文章类型和 11 种作者主题配置文件包括- Tufte学术风格注重引用和注释- Bodoni经典排版强调衬线字体- Knuth排版美学参考 TeX 风格七、五种安装路径适配不同场景1. npx skills CLI一键安装最适合快速体验自动检测当前使用的 Agent 并安装对应技能npx skillslatest install2. Claude Code 插件市场通过订阅插件包的方式安装适合长期使用的 Claude Code 用户。3. GitHub Releases 固定版本下载 .zip 文件适合 CI/CD 流程或离线环境。每个技能都提供 SHA-256 校验和确保文件完整性。4. 手动复制直接复制技能文件夹到目标位置适合需要本地修改技能的开发者。5. Git submodule将 Skills 集合作为子模块集成到更大的项目中适合团队协作。八、广泛的 Agent 平台兼容性garden-skills 已验证支持以下主流 AI 编程助手- Claude Code- Claude.ai 网页版- Cursor- Codex CLI- Gemini CLI- OpenCode每个 Skill 都遵循 Anthropic 的 Agent Skills 规范采用标准的 SKILL.md 格式。这个规范定义了 Skills 的结构化描述方式包括 YAML frontmatter元数据和 instructions执行指令两部分。规范兼容性说明通过遵循这一规范garden-skills 实现了-可移植性同一套技能可在不同 Agent 间迁移-可扩展性开发者可以基于规范自定义新技能-互操作性不同来源的 Skills 可以共存于同一环境九、TTS 多语言支持情况关于 web-video-presentation 的 TTS 多语言支持目前采用了接口抽象层设计。不同语言的语音合成只需配置对应的 TTS 引擎即可理论上支持所有提供 API 的语音服务。实际支持的语言取决于所选 TTS 提供商的能力。建议用户根据目标语言选择合适的语音引擎配置。十、实战建议推荐组合使用场景1.产品演示web-video-presentation beautiful-article2.技术博客beautiful-article gpt-image-23.内部文档kb-retriever web-design-engineer4.营销物料gpt-image-2 beautiful-article最佳实践- 先从小范围试用开始熟悉各技能的输出风格- 善用 double-confirmation 节点确保关键内容准确- 根据项目需求选择合适的安装路径- 定期更新 Skills 版本获取最新功能小结ConardLi 开源的 garden-skills 为 AI 编程助手提供了从内容生成到知识检索的完整能力矩阵。通过标准化的 SKILL.md 格式这些技能实现了跨平台的兼容性和可移植性。无论是快速原型开发还是生产级内容生成这套 Skills 集合都能提供有力的支持。建议开发者根据自身需求选择合适的技能组合逐步构建高效的内容生产工作流。