Agent Skills
› ConardLi/garden-skills
ConardLi/garden-skills
GitHub将URL、PDF等素材转化为美观的单文件HTML网页文章。通过规划、首屏确认、分段构建及多视角终审流程，保留100%信息并增强视觉体验与交互性，专用于生成可分享的长文而非Web应用。
Install All Skills
npx skills add ConardLi/garden-skills --all -g -y
Skills in Collection (5)
将URL、PDF等素材转化为美观的单文件HTML网页文章。通过规划、首屏确认、分段构建及多视角终审流程，保留100%信息并增强视觉体验与交互性，专用于生成可分享的长文而非Web应用。
把这篇做成网页文章
render this as a beautiful web article
生成一篇可分享的 HTML 长文
reacticle 文章
npx skills add ConardLi/garden-skills --skill beautiful-article -g -y
面向GPT Image 2的图像生成与编辑技能，支持本地调用、委托宿主或纯Prompt顾问三种模式。涵盖海报、UI等80+模板，自动适配环境并执行生图/改图流程。
需要生成或编辑图像
请求AI绘图提示词优化
npx skills add ConardLi/garden-skills --skill gpt-image-2 -g -y
面向本地知识库的分层检索助手，支持通过索引导航定位文件。强制先学习PDF/Excel处理方法再检索，采用渐进式策略避免大文件加载，实现精准信息提取与问答。
用户需要从本地知识库目录中检索特定信息
用户希望基于本地文档（如PDF、Excel、Markdown）进行问答或资料查询
npx skills add ConardLi/garden-skills --skill kb-retriever -g -y
定位为高级设计工程师，使用HTML/CSS/JS/React构建精美的Web视觉产物，如页面、仪表盘、原型和动画。强调像素级精准与品牌一致性，适用于前端视觉创建、设计探索及UI验收，不涉及后端或纯逻辑开发。
需要构建或重设计网页、仪表盘、幻灯片或数据可视化图表
要求生成UI原型、动画或进行前端设计评审
npx skills add ConardLi/garden-skills --skill web-design-engineer -g -y
将文章或口播稿转化为16:9交互式网页演示，支持Vite+React开发及多平台音频合成。通过严格的内容编写、分章开发与自检流程，实现电影感动态PPT效果，适用于视频内容制作与产品演示。
将文章转换为视频风格网页
制作动态PPT或交互式解说
生成口播稿并配套前端开发计划
npx skills add ConardLi/garden-skills --skill web-video-presentation -g -y
