Garden Skills for Codex

CommunitySkillCreativity

ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.

How to install Garden Skills in Codex

✓ Install-checked in Codexchecked Oct 27, 2026 · 6 skillsproof

In Codex, ask the built-in skill installer for it:

$skill-installer install https://github.com/ConardLi/garden-skills/tree/main/skills/<skill>

Type this in Codex and replace <skill> with a folder name from 'What it contains'. $skill-installer is the skill installer built into Codex, and it downloads the skill from GitHub. Restart Codex if the skill doesn't show up. Check the repo README for any setup it needs. Source: Codex skills docs.

Or copy the skill folder (the one with SKILL.md) into ~/.agents/skills to use it in every project, or into .agents/skills in a repo to share it with that repo. Codex picks up new skills automatically. (where Codex loads skills)

New Codex plugins every Tuesday, install line ready to copy.

Stacks Weekly is one short email from GrokStacks and CodexStacks. Subscribe and get the free starter list: 20 Codex plugins worth installing first.

Confirmation email first. Unsubscribe anytime.

What it contains

Skills (6)

  • beautiful-article — 把用户提供的素材（网页 URL / PDF / DOCX / Markdown / 纯文本 / 截图 / 粘贴材料）编辑、设计成一篇美丽的、可离线打开和分享的**单文件 HTML 网页文章**。基于 reacticle 组件协议：不手写裸 HTML/CSS，而用语义组件 + 受主题约束的 Raw 自由层；按 source→规划→双确认→生成→终审→修复的小型 harness 流程推进，默认 100% 信息保留的长文。触发场景：把 URL/PDF/DOCX/文章做成网页文章 / 长文 / briefing /…
  • 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 — 用代码制作图形、文字或界面动画视频，输出 MP4 和可编辑源码，最长 20 分钟。适用于动效作品集、产品片、UI 动效、动态排版、Logo 片头、生成艺术与讲解视频；支持独立选择 BGM/音效来源、用户口播，以及用用户提供的口播稿通过 TTS 合成语音。不用于实拍制作、写实人物生成或一般视频剪辑。
  • 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…
  • web-video-presentation — 把一篇文章或口播稿，做成"看起来像视频"的点击驱动 16:9 网页演示，可选合成口播音频。流程：原始文章 → **一次产出**口播稿 + outline 开发计划 → 用户**一次对齐** 5 件事（稿子 / outline / 主题 / 素材 / 开发模式）→ 网页开发（逐章 / 顺序 / 并行）→ 可选音频合成（provider-agnostic：内置 MiniMax mmx-cli + OpenAI TTS，可换 ElevenLabs / edge-tts / Azure / 自带…

About this listing

Garden Skills is a community collection of agent skills on GitHub by ConardLi: folders with a SKILL.md file, the format Codex loads skills from. Its README mentions Codex. It passed the CodexStacks quality filter for skills (at least 100 stars, pushed in the last 90 days, not a fork or a list, and at least one SKILL.md with a name and description). OpenAI hasn't reviewed it, but it passed our Codex install check on Oct 27, 2026 (an install and load check, not a code review). From its files we found 6 skills. It's one of 137 listings in the Creativity category (category assigned by CodexStacks from the repo's topics and description). It also appears in best Codex plugins for design and UI.

Garden Skills FAQ

How do I install Garden Skills in Codex?

In Codex, type $skill-installer install https://github.com/ConardLi/garden-skills/tree/main/skills/<skill>. $skill-installer is the skill installer built into Codex (Codex skills docs). Or copy the skill folder (the one with SKILL.md) into ~/.agents/skills to use it in every project, or into .agents/skills in a repo to share it with that repo. Codex picks up new skills automatically.

Is Garden Skills an official Codex skill?

No. Garden Skills is a community repo on GitHub by ConardLi. It passed the CodexStacks quality filter, but OpenAI hasn't reviewed it, but it passed our Codex install check on Oct 27, 2026 (an install and load check, not a code review), so read the code before you install it.

What does Garden Skills include?

From its manifest and repo files, Garden Skills includes 6 skills: beautiful-article, gpt-image-2, kb-retriever, motion-showreel, web-design-engineer, web-video-presentation.

Details

Type
Skill
Category
Creativity (assigned by us)
Source
Community
Author
ConardLi
License
MIT
GitHub stars
13,381 (at last sync)
Last push
2026-10-25
GitHub topics
agent, claude, gpt-image-2, rag, web-design
Source
https://github.com/ConardLi/garden-skills
Listed via
GitHub search: Codex skills (SKILL.md)
Install check by CodexStacks
Passed on Oct 27, 2026 with Codex CLI 0.163.0: Codex loaded its skills. proof · how we check

Something wrong or missing? Submit or improve this listing. Listings also refresh automatically every night.

For maintainers: badge and embeds

Maintain Garden Skills? Add the badge; it links to this page.

Listed on CodexStacks

Markdown

[![Listed on CodexStacks](https://codexstacks.com/badge.svg)](https://codexstacks.com/p/garden-skills/)

HTML

<a href="https://codexstacks.com/p/garden-skills/"><img src="https://codexstacks.com/badge.svg" alt="Listed on CodexStacks" width="172" height="28"></a>

Embed card (static HTML and inline CSS, no JavaScript). Preview:

Garden SkillsCommunity Codex skill · 6 skillsConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.View on CodexStacks →
<a href="https://codexstacks.com/p/garden-skills/" style="display:block;max-width:380px;box-sizing:border-box;padding:14px 16px;border:1px solid #3a2c26;border-radius:12px;background:#0d0b0a;color:#f3ece6;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:#f3ece6">Garden Skills</span><span style="display:block;margin:2px 0 8px;font-size:12px;color:#b5a9a1">Community Codex skill · 6 skills</span><span style="display:block;margin:0 0 10px;color:#ddd3cc">ConardLi&#x27;s open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.</span><span style="font-size:12px;font-weight:600;color:#ffb347">View on CodexStacks →</span></a>

Markdown summary

**[Garden Skills on CodexStacks](https://codexstacks.com/p/garden-skills/)**: Community Codex skill with 6 skills.

More on badges, embeds and keeping your listing up to date: CodexStacks for plugin authors.

Also in Creativity

UI UX Pro Max Skill

An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.

CommunitySkillCreativity

Taste Skill

tasteskill v2: art direction for websites, product pages, dashboards and app screens, checked in a real browser.

CommunityPluginCreativity

Archify

Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.

CommunitySkillCreativity

Diagram Design

Architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar, loop, nested, tree, org chart, layer stack, exploded/plan, Venn…

CommunityPluginCreativity

Hallmark

Anti-AI-slop design skill for Claude Code, Cursor, and Codex.

CommunitySkillCreativity

Text To Cad

The text-to-cad plugin gives your agent local workflows for generating 3D models as STEP, GLB, STL or 3MF files. It also does design for manufacturing checks, generates engineering drawings, and connects to popular 3D…

CommunityPluginCreativity

All 137 creativity listings →