Agent Skills
› ConardLi/garden-skills
ConardLi/garden-skills
GitHub将网页、PDF等素材编辑设计为单文件HTML网页文章，强调视觉体验与信息保留。
安装全部 Skills
npx skills add ConardLi/garden-skills --all -g -y
集合内 Skills (6)
将网页、PDF等素材编辑设计为单文件HTML网页文章，强调视觉体验与信息保留。
把URL/PDF/DOCX/文章做成网页文章
长文 / briefing / 解释文 / 视觉文章 / 教程
审阅复盘 / 方案分析
render this as a beautiful web article
把这篇做成网页文章
生成一篇可分享的 HTML 长文
reacticle 文章
npx skills add ConardLi/garden-skills --skill beautiful-article -g -y
面向GPT Image 2的图像生成与编辑技能，支持本地调用、委托宿主或纯Prompt顾问三种模式。涵盖18类场景模板，自动探测环境并适配执行流程。
需要生成海报、UI、产品图等视觉内容
需要对现有图片进行编辑或修改
缺乏图像工具但需要高质量提示词
npx skills add ConardLi/garden-skills --skill gpt-image-2 -g -y
面向本地知识库的分层检索助手，支持通过目录索引定位文件。强制要求先学习PDF/Excel处理规范再执行结构化提取，结合grep与局部读取实现渐进式精准检索，避免大文件全量加载。
用户需要从本地知识库目录中检索信息
用户要求基于知识库回答特定问题或查资料
npx skills add ConardLi/garden-skills --skill kb-retriever -g -y
用于制作图形、文字或界面动画视频，支持最长20分钟内容。通过代码逐帧渲染并合成MP4，提供源码交付。涵盖动效作品集、产品片等场景，支持TTS口播与独立配乐，强调音画同步与分镜叙事。
需要制作图形或界面动画视频
生成带有口播讲解的演示视频
创建Logo演绎或动态排版作品
输出可编辑的代码视频源文件
npx skills add ConardLi/garden-skills --skill motion-showreel -g -y
定位为顶级设计工程师，利用HTML/CSS/JS/React构建精美的前端视觉产物，如页面、仪表盘、原型和动效。强调像素级精准与交互设计，适用于前端创建与设计评审，排除后端及CLI任务。
需要构建或重新设计网页、仪表盘、原型或幻灯片
进行UI模拟、数据可视化或前端设计系统探索
需要对Web资产进行视觉审查或浏览器端验收
npx skills add ConardLi/garden-skills --skill web-design-engineer -g -y
将文章或口播稿转化为类视频网页演示的 Skill，支持多阶段开发、动画设计及多平台音频合成。
制作动态 PPT 或视频演示
将文章转为可交互解说内容
npx skills add ConardLi/garden-skills --skill web-video-presentation -g -y
