行业现状与背景
当前主流AI编程代理工具普遍存在生成内容风格同质化问题，大量网页产出套用固定的渐变配色、毛玻璃卡片、三段式功能块模板，辨识度极低，不符合实际生产环境的设计规范。
公开可获取的Agent技能资源多为英文社区产出，对中文内容创作的适配度较低，针对中文长文排版、口播稿转演示、本地中文知识库检索等场景的可用技能数量极少。不同场景的AI生成能力相互独立，网页生成、图像编辑、知识检索需要分别配置不同的提示词体系，无法在同一代理环境下互通复用。
将大量非结构化文档资源直接导入AI编程代理时，容易出现上下文窗口过载问题，代理无法完整读取全部内容，输出结果存在随机编造的风险，检索结果的稳定性无法得到保障。
项目概述
该项目由前端技术博主ConardLi维护，2026年4月正式创建，采用MIT许可证开源，根目录同时提供英文、中文、日文三份README文档。项目所有技能均以SKILL.md文件作为核心载体，无需独立部署服务，可直接被所有支持SKILL.md格式的AI编程代理识别加载。
项目核心定位为生产级Agent技能合集，所有技能均针对真实生产场景设计，覆盖网页演示制作、网页设计落地、图像生成编辑、本地知识检索、长文排版五类高频需求，所有技能彼此独立，不存在底层依赖关系。
技术架构深度分析
项目整体采用完全模块化的目录组织方式，根目录下仅保留多语言说明文档、开源协议文件和技能统一加载规则，所有业务能力全部收纳在skills目录下，每个独立技能对应一个单独的子文件夹。这种架构设计的优势在于，不同技能的迭代更新完全互不干扰，新增技能时无需修改现有核心代码，直接在skills目录下新增对应文件夹即可完成扩展。
每个技能的核心定义文件统一为SKILL.md，文件内部严格按照触发条件、执行步骤、边界约束、参考资料、可复用脚本五个固定模块划分，没有自定义的私有配置格式。该设计完全兼容Claude Code、Cursor、Codex等所有支持SKILL.md标准的AI编程代理，用户不需要针对不同工具做额外的格式适配，同一套技能可以在多个平台直接复用。
项目代码层采用多语言混合的技术栈，主语言为CSS，同时包含TypeScript、JavaScript等脚本语言，所有技能生成的产物都对应主流技术栈的可运行项目。比如网页演示类技能直接输出Vite+React+TypeScript的标准项目结构，用户拿到产物后可以直接进入开发流程，不需要做额外的格式转换。
技能执行流程内置自动探测分支逻辑，代理加载技能后会首先探测当前运行环境的权限、已安装工具、可用接口状态，再根据探测结果自动选择最优的执行路径，不会强制要求用户安装特定的第三方工具，最大程度降低技能的运行门槛。
核心功能详解
网页演示生成
该技能可将文章、口播稿、课程脚本、产品演示材料转换为16:9比例的点击推进式网页演示，最终输出完整的Vite、React、TypeScript项目。所有脚本节拍和全屏画面一一对应，演示过程的切换逻辑完全按照原始材料的内容节奏匹配，确认输出后还可以接入语音合成能力，自动为每一页演示生成对应配音。
网页设计落地
该技能面向落地页、仪表盘、交互原型、HTML幻灯片、数据可视化五类设计场景，执行流程优先读取产品上下文信息，先声明统一的设计系统规范，尽早输出第一版可预览的v0版本，再逐步完成细节实现与验收校验。技能不会以页面能打开作为完成标准，所有生成内容都会遵循预设的设计系统规范，避免出现风格混乱的问题。
图像生成与编辑
该技能启动后首先探测当前运行环境的可用接口，自动在本地接口出图、委托宿主原生图像工具、纯提示词顾问三种模式中选择最优路径，不需要用户手动切换配置。内置的模板覆盖海报、产品图、UI样机、学术图、分镜等18个大类，不同场景的生成内容都对应专属的约束规则，避免产出内容不符合场景使用要求。
本地知识检索
该技能支持直接读取本地存储的多格式文档资源，内置分片、索引、召回的完整流程，不会将全部文档内容直接塞入AI代理的上下文窗口。所有检索过程完全在本地完成，不会上传用户私有文档到第三方服务，检索结果的召回准确率远高于直接将文档丢给AI代理的处理方式。
长文排版美化
该技能支持输入URL、PDF、DOCX、Markdown、截图、直接粘贴的原始文本等多种格式的内容，自动完成内容提取、冗余信息清理、排版优化全流程。最终输出的排版内容适配公众号、技术博客、电子书等多个发布场景的格式要求，不需要用户再手动调整格式样式。
项目地址：https://github.com/ConardLi/garden-skills
⭐ Stars：12868
🔍 来源：GitHub
ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.
微信扫一扫，打赏作者吧～
网友评论