Garden Skills plugin for Grok Build
ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.
How to install Garden Skills in Grok Build
grok plugin install ConardLi/garden-skills --trustReview before you trust it. --trust lets this plugin's hooks, MCP servers and scripts run code on your computer. It's a community repo that neither xAI nor GrokStacks has reviewed, so read its code first.
We install this repo directly: Grok Build 1.0.62 can't install it through its own marketplace file. This repo's marketplace has 6 plugins; we checked presentation-skills. Install another the same way: grok plugin install <name>@ConardLi/garden-skills --trust (names under 'What it contains'). Then start a new Grok session, or press r in /plugins, to load it. Grok names it garden-skills-0bef5baa (after its install folder), so that's the name to use with grok plugin uninstall.
Command format: Grok Build's plugin guide
What we checked: on Oct 18, 2026 it installed with grok 1.0.62 and Grok found 6 skills. That's an install check only: we haven't run it in a live Grok session.
What it contains
Skills (6)
beautiful-article— 把用户提供的素材（网页 URL / PDF / DOCX / Markdown / 纯文本 / 截图 / 粘贴材料）编辑、设计成一篇美丽的、可离线打开和分享的**单文件 HTML 网页文章**。基于 reacticle 组件协议：不手写裸 HTML/CSS，而用语义组件 + 受主题约束的 Raw 自由层；按 source→规划→双确认→生成→终审→修复的小型 harness 流程推进，默认 100% 信息保留的长文。触发场景：把 URL/PDF/DOCX/文章做成网页文章 /gpt-image-2— 面向 GPT Image 2 的图像生成 / 编辑技能。可在 3 种环境下使用：(A) Garden 本地模式，通过 OpenAI 兼容接口直接出图并落盘；(B) Host-Native 模式，把本 Skill 当作提示词工程指引，把渲染好的 prompt 交给宿主 Agent 自带的图像工具出图；(C) Advisor 模式，宿主无任何图像工具时退化为高质量 prompt 顾问。涵盖 18 大类、80+ 个结构化模板，覆盖海报 / UI / 产品 / 信息图 / 学术图 /kb-retriever— 面向本地知识库目录的检索和问答助手。核心流程：(1)分层索引导航 (2)遇到PDF/Excel时必须先读取references学习处理方法 (3)处理文件后再检索。按文件类型组合使用 grep、Read、pdfplumber、pandas 进行渐进式检索，避免整文件加载。用户问题涉及"从知识库目录回答问题/检索信息/查资料"时使用。motion-showreel— 用代码制作以图形、文字或界面动画为主的短视频（常见 5–60 秒，纯音乐片最长约 2 分钟），输出 MP4 和可编辑源码：产品宣传短片、动效作品集、UI 动效演示、动态排版与金句卡点、Logo 演绎与片头、生成艺术循环、年代回顾短片。配乐可选：代码合成，或按用户提供的曲子卡点。用户想做这类短视频或动效时使用，例如「做个 15 秒动效视频」「做个 Logo 动画 / 片头」「做个产品宣传短片」「用代码做视频」。不用于：口播讲解类长视频、网页与交互原型、写实人物或实拍内容、剪辑已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 exploweb-video-presentation— 把一篇文章或口播稿，做成"看起来像视频"的点击驱动 16:9 网页演示，可选合成口播音频。流程：原始文章 → **一次产出**口播稿 + outline 开发计划 → 用户**一次对齐** 5 件事（稿子 / outline / 主题 / 素材 / 开发模式）→ 网页开发（逐章 / 顺序 / 并行）→ 可选音频合成（provider-agnostic：内置 MiniMax mmx-cli + OpenAI TTS，可换 ElevenLabs / edge-tts / Azur
Plugins in this marketplace (6)
presentation-skills— Skills for click-driven web video presentations and screen-recorded explainers.web-design-skills— Skills for high-quality visual / front-end design work.knowledge-base-skills— Skills for local knowledge-base retrieval and document QA.image-generation-skills— Skills for image generation and editing with GPT Image 2 (and OpenAI-compatible image endpoints), with three runtime modes and 70+ structured prompt templates.motion-showreel-skills— Skills for stunning code-rendered short videos: showreels, teasers, UI morphs, kinetic type and logo stings with optional synthesized, beat-synced music.beautiful-article-skills— Skills for turning URL / PDF / DOCX / Markdown / text / screenshots into beautifully designed, offline-friendly single-file HTML articles via the reacticle component protocol.
About this listing
Garden Skills is a community plugin on GitHub by ConardLi, written as a Claude Code plugin that Grok Build installs. We install-checked it in Grok; we haven't run it in a live session or reviewed its code. When we installed it, Grok found 6 skills, 6 plugins in this marketplaces. Its license is MIT. We checked commit 7a6d5a72e4f4. It's one of 144 listings in the Design category on GrokStacks.
Stacks Weekly: every new Grok Build and Codex plugin, every Tuesday.
One short email for GrokStacks and CodexStacks readers, with each new plugin's install line and what it ships. Subscribe and get the free starter list: 20 Grok Build plugins worth installing first.
You'll get a confirmation email first. Unsubscribe anytime.
Garden Skills FAQ
How do I install Garden Skills in Grok Build?
Run grok plugin install ConardLi/garden-skills --trust. We install-checked this command in Grok Build. We install this repo directly: Grok Build 1.0.62 can't install it through its own marketplace file. This repo's marketplace has 6 plugins; we checked presentation-skills. Install another the same way: grok plugin install <name>@ConardLi/garden-skills --trust (names under 'What it contains'). Then start a new Grok session, or press r in /plugins, to load it. Grok names it garden-skills-0bef5baa (after its install folder), so that's the name to use with grok plugin uninstall.
Is Garden Skills an official Grok Build plugin?
No. Garden Skills is a community plugin on GitHub by ConardLi, not in xAI's official Grok Build marketplace. We checked that it installs and what Grok loads from it, but haven't run it in a live Grok session or reviewed its code.
What does Garden Skills include?
According to what Grok loaded in our install check, Garden Skills includes 6 skills, 6 plugins in this marketplaces: beautiful-article, gpt-image-2, kb-retriever, motion-showreel, web-design-engineer, web-video-presentation….
Details
- Type
- Plugin
- Category
- Design
- Source
- Community Claude Code plugin, installs in Grok
- License
- MIT
- Author
- ConardLi
- Keywords
- agent, claude, gpt-image-2, rag, skills, web-design
- Source repo
- https://github.com/ConardLi/garden-skills
- Checked commit
7a6d5a72e4f4- Checked by GrokStacks
- Install-checked in Grok Build on Oct 18, 2026; not run in a live session
Something wrong or missing? Submit or improve this listing. Marketplace listings also refresh automatically every night.
For maintainers: badge and embeds
Maintain Garden Skills? Add the badge; it links to this page.
Markdown
[](https://grokstacks.com/p/garden-skills/)HTML
<a href="https://grokstacks.com/p/garden-skills/"><img src="https://grokstacks.com/badge.svg" alt="Listed on GrokStacks" width="164" height="28"></a>Embed card (static HTML and inline CSS, no JavaScript). Preview:
<a href="https://grokstacks.com/p/garden-skills/" style="display:block;max-width:380px;box-sizing:border-box;padding:14px 16px;border:1px solid #2a2e3c;border-radius:12px;background:#0a0b0f;color:#e8eaf0;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none"><span style="display:block;font-size:16px;font-weight:700;color:#e8eaf0">Garden Skills</span><span style="display:block;margin:2px 0 8px;font-size:12px;color:#9aa0b1">Community plugin for Grok Build · 6 skills, 6 plugins in this marketplaces</span><span style="display:block;margin:0 0 10px;color:#c9cdd8">ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.</span><span style="font-size:12px;font-weight:600;color:#7c9cff">View on GrokStacks →</span></a>Markdown summary
**[Garden Skills on GrokStacks](https://grokstacks.com/p/garden-skills/)**: Community plugin for Grok Build with 6 skills, 6 plugins in this marketplaces. Install: `grok plugin install ConardLi/garden-skills --trust`More on badges, embeds and keeping your listing up to date: GrokStacks for plugin authors.
Also in Design
3dicon
One prompt in, a looping animated 3D icon out — with real transparency. A Claude Code skill.
3dviz Pro Max
Agent skill for creative 3D visualization: turn an idea into a Three.js/Blender scene worth exploring. Claude Code + Codex plugin, 223 recipes, 440 knowledge records, 22 proved kits, 37 runnable studies.
Adobe Premiere Pro MCP
Adobe Premiere Pro MCP. Tools for AI-driven video editing via MCP, for Codex, Claude, and other MCP clients.
Agent Sprite Forge
Agent Skill for generating 2D sprite sheets and map, transparent PNG frames, and animated GIFs from prompts.
Agent Storyboard
本地优先的 Agent 视频分镜工作台：让 Codex、Claude Code 通过 MCP 写分镜、生成图片/视频素材和配音，并自动回填。Local-first storyboard workbench for AI agents (Codex, Claude Code).
AI Business Skills
138 bilingual AI marketing skills (69 VN + 69 Global) for Claude Code, OpenCode, Codex, VS Code. Four role SOP packs — content, design, performance, leader ops — plus strategy, personal brand, AI avatar, dropshipping, design master, knowledge library. 4 regions (US/EU/SEA/LATAM) + Vietnam 2025-2026. Companion: opa-kit.