Agent Skills
› ConardLi/garden-skills
ConardLi/garden-skills
GitHub将网页、PDF、文档等素材转换为视觉精美、可离线的单文件HTML长文。遵循严格的工作流，包括源处理、规划确认、首屏预览及多轮质检，确保信息完整保留与高质量交付。
Install All Skills
npx skills add ConardLi/garden-skills --all -g -y
Skills in Collection (5)
将网页、PDF、文档等素材转换为视觉精美、可离线的单文件HTML长文。遵循严格的工作流，包括源处理、规划确认、首屏预览及多轮质检，确保信息完整保留与高质量交付。
把 URL/PDF/DOCX/文章做成网页文章
生成一篇可分享的 HTML 长文
render this as a beautiful web article
npx skills add ConardLi/garden-skills --skill beautiful-article -g -y
面向 GPT Image 2 的图像生成与编辑技能，支持 Garden 本地调用、宿主委托及纯 Prompt 顾问三种模式。涵盖海报、UI 等 80+ 模板，实现从提示词工程到落图的全流程自动化。
需要生成或编辑图像
询问图像生成提示词
npx skills add ConardLi/garden-skills --skill gpt-image-2 -g -y
面向本地知识库的检索助手，支持分层索引导航及多格式文件（PDF/Excel）渐进式检索。强制要求先学习处理规范再执行提取，避免全量加载，实现精准问答与查资料。
用户需要从知识库目录中检索信息
用户询问基于本地文档库的内容或事实
用户指定路径进行知识查询
npx skills add ConardLi/garden-skills --skill kb-retriever -g -y
专注于使用HTML/CSS/JS/React构建高质量视觉前端 artifacts，如页面、仪表盘、原型和动画。强调像素级精准与设计美感，适用于前端视觉创建、设计系统探索及浏览器端UI验收，排除后端及CLI开发。
需要构建或重新设计网页、仪表盘、原型、幻灯片或数据可视化图表
进行UI模拟、设计系统探索或前端视觉效果的代码实现
npx skills add ConardLi/garden-skills --skill web-design-engineer -g -y
将文章或口播稿转化为16:9交互式网页演示，支持可选音频合成。通过脚本编写、章节开发及严格自检流程，生成可录屏的伪视频内容，适用于B站/YouTube等平台的解说与产品演示。
需要将文章或口播稿制作成类似视频的网页演示
需要为B站或YouTube创建口播驱动的可交互解说内容
需要制作具有电影感的动态PPT或产品演示Demo
npx skills add ConardLi/garden-skills --skill web-video-presentation -g -y
