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 (6)
将网页、PDF、文档等多源素材转换为美观的单文件HTML文章。通过严格的规划、首屏验证及多视角终审流程，确保信息完整保留与视觉体验优化，适用于长文、教程及方案分析等场景。
把 URL/PDF/DOCX/文章做成网页文章
生成一篇可分享的 HTML 长文
render this as a beautiful web article
reacticle 文章
npx skills add ConardLi/garden-skills --skill beautiful-article -g -y
面向GPT Image 2的图像生成与编辑技能，支持本地生图、委托宿主出图及纯提示词顾问三种模式。提供80+结构化模板，覆盖海报、UI、架构图等场景，智能适配运行环境以优化交互流程。
需要生成或编辑图像时
需要高质量图像生成提示词时
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
通过代码生成图形、文字或界面动画为主的短视频，支持精确音画卡点与帧级控制。适用于产品宣传、动效演示及 Logo 演绎等场景，输出 MP4 及可编辑源码，强调审美与节奏把控。
制作产品宣传短片
生成 UI 动效演示
创建 Logo 动画或片头
制作动态排版或金句视频
用代码合成带音乐的动效短视频
npx skills add ConardLi/garden-skills --skill motion-showreel -g -y
定位为高级设计工程师，使用HTML/CSS/JS/React构建精美的前端视觉产物，如页面、仪表盘、原型、幻灯片和数据可视化。强调像素级设计和品牌一致性，专注于UI创建与设计审查，不涉及后端或CLI开发。
需要创建或重设计网页、仪表盘、原型、幻灯片等前端视觉界面
进行设计系统探索、UI原型制作或数据可视化展示
对现有Web组件进行设计批评或浏览器端验收测试
npx skills add ConardLi/garden-skills --skill web-design-engineer -g -y
将文章或口播稿转化为16:9交互式网页演示，支持逐章开发与可选音频合成。通过严格的内容编写、开发自检及多模式章节构建流程，生成可录屏的高质感视频内容，适用于教学、产品演示及短视频制作。
将文章转换为视频风格网页
制作动态PPT或口播解说
生成带音频的录屏教程
npx skills add ConardLi/garden-skills --skill web-video-presentation -g -y
