--- title: "conardli/garden-skills skills · skilld" description: "ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more." canonical_url: "https://skilld.dev/gh/conardli/garden-skills" meta: "og:description": "ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more." "og:title": "conardli/garden-skills skills" "twitter:description": "ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more." "twitter:title": "conardli/garden-skills skills" --- [All skills](https://skilld.dev/skills) [![conardli avatar](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fconardli.png)](https://skilld.dev/gh/conardli) # **ConardLi/garden-skills** ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more. main Updated 3 months ago [GitHub](https://github.com/ConardLi/garden-skills) ![README badge for conardli/garden-skills](https://skilld.dev/b/conardli/garden-skills?theme=light&label=0) ## Repository statistics - Indexed skills **5** - Skill groups **1** - GitHub stars **12,772** - Forks **1,534** ## Skills 5 total Sort skills [/web-design-engineer](https://skilld.dev/gh/conardli/garden-skills/web-design-engineer) Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations. Use for visual front-end creation, design-system exploration, design critique, or explicit browser acceptance / QA of a web artifact. Not for back-end, CLI, non-visual coding, source-to-longform article conversion, or narration-driven click-through video presentations. Updated3 months ago [/beautiful-article](https://skilld.dev/gh/conardli/garden-skills/beautiful-article) 把用户提供的素材（网页 URL / PDF / DOCX / Markdown / 纯文本 / 截图 / 粘贴材料）编辑、设计成一篇美丽的、可离线打开和分享的\*\*单文件 HTML 网页文章\*\*。基于 reacticle 组件协议：不手写裸 HTML/CSS，而用语义组件 + 受主题约束的 Raw 自由层；按 source→规划→双确认→生成→终审→修复的小型 harness 流程推进，默认 100% 信息保留的长文。触发场景：把 URL/PDF/DOCX/文章做成网页文章 / 长文 / briefing / 解释文 / 视觉文章 / 教程 / 审阅复盘 / 方案分析，'render this as a beautiful web article / 把这篇做成网页文章 / 生成一篇可分享的 HTML 长文 / reacticle 文章'。只生成文章，不生成后台、表单、dashboard、产品原型或通用 Web App。 Updated4 months ago [/web-video-presentation](https://skilld.dev/gh/conardli/garden-skills/web-video-presentation) 把一篇文章或口播稿，做成"看起来像视频"的点击驱动 16:9 网页演示，可选合成口播音频。流程：原始文章 → \*\*一次产出\*\*口播稿 + outline 开发计划 → 用户\*\*一次对齐\*\* 5 件事（稿子 / outline / 主题 / 素材 / 开发模式）→ 网页开发（逐章 / 顺序 / 并行）→ 可选音频合成（provider-agnostic：内置 MiniMax mmx-cli + OpenAI TTS，可换 ElevenLabs / edge-tts / Azure / 自带 TTS）。\*\*outline 只规划节奏与信息密度，不规划动画\*\* —— 动画由章节开发时按 PRINCIPLES + ANTI-AI 法则即时设计。每次点击推进口播稿的一个节拍，每一步独占整屏，进度条平时隐藏只在悬浮时出现。适用场景：用网页做视频（动态 PPT 但不像 PPT）、把口播稿 / 文章变成可交互的解说、为 B 站 / YouTube / 视频号录屏教程、做有电影感的产品 / talk demo。本 Skill 沉淀的是设计方法论 + 协作流程 —— 不绑定任何特定样式 / 字体 / 颜色 —— 因此能复用到任意主题与美学。 Updated5 months ago [/gpt-image-2](https://skilld.dev/gh/conardli/garden-skills/gpt-image-2) 面向 GPT Image 2 的图像生成 / 编辑技能。可在 3 种环境下使用：(A) Garden 本地模式，通过 OpenAI 兼容接口直接出图并落盘；(B) Host-Native 模式，把本 Skill 当作提示词工程指引，把渲染好的 prompt 交给宿主 Agent 自带的图像工具出图；(C) Advisor 模式，宿主无任何图像工具时退化为高质量 prompt 顾问。涵盖 18 大类、80+ 个结构化模板，覆盖海报 / UI / 产品 / 信息图 / 学术图 / 技术架构图 / 漫画 / 头像 / 流程板 / 电影分镜 / IP 周边 / 编辑工作流等场景。 Updated5 months ago [/kb-retriever](https://skilld.dev/gh/conardli/garden-skills/kb-retriever) 面向本地知识库目录的检索和问答助手。核心流程：(1)分层索引导航 (2)遇到PDF/Excel时必须先读取references学习处理方法 (3)处理文件后再检索。按文件类型组合使用 grep、Read、pdfplumber、pandas 进行渐进式检索，避免整文件加载。用户问题涉及"从知识库目录回答问题/检索信息/查资料"时使用。 Updated5 months ago ## Add to your README The badge links readers to this page. It shows the skilld mark and no counts, and it follows the reader's light or dark GitHub theme. ` Skill repository on skilld.dev `