</>MCP Agents Market
Skill

garden-skills

by ConardLi10.5kCSSUpdated 2026-07-12

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

Claude CodeClaude DesktopCursorCodex

Garden Skills is a professionally-curated collection of five production-ready agent skills that extend AI coding assistants with specialized capabilities in web design, video presentations, image generation, knowledge retrieval, and editorial publishing. Each skill ships as a self-contained SKILL.md with reference docs, scripts, and assets that agents load on-demand. The collection includes web-design-engineer (25 anchored style recipes from Linear to Bloomberg Terminal), web-video-presentation (23 built-in themes for screen-recordable React presentations), gpt-image-2 (79 structured prompt templates across 18 visual categories), kb-retriever (progressive local knowledge-base search), and beautiful-article (10 article types with 11 authoring theme profiles). All skills follow the portable agentskills.io spec and work across Claude Code, Cursor, Codex, and other compatible agents.

Key Features

Five specialized agent skills: web design engineering, video presentations, image generation, knowledge retrieval, and editorial article production
web-design-engineer includes 25 anchored style recipes (Aesop, Linear, Bloomberg, Stripe Press) and a Design Direction Advisor with six differentiated schools
web-video-presentation provides 23 built-in themes for 1920×1080 screen-recordable presentations with pluggable TTS and hard collaboration checkpoints
gpt-image-2 supports three runtime modes (local Garden, host-native delegation, advisor-only) with 160+ public cases across posters, UI mockups, diagrams, and infographics
kb-retriever uses layered index files and bounded iterative search to answer questions from local Markdown, PDF, Excel, and text files without flooding context
beautiful-article transforms URLs, PDFs, DOCX, screenshots into polished share-ready articles using the Reacticle component protocol and 11 theme profiles
Portable SKILL.md format compatible with Claude Code, Cursor, Codex, Gemini CLI, OpenCode, and Claude.ai web
Five install paths: npx skills CLI, Claude Code plugin marketplace, pinned .zip releases, manual copy, or git submodule

Use Cases

  • 01Generating polished landing pages and dashboards with deliberate design systems (Linear, Aesop, Bloomberg styles)
  • 02Creating screen-recordable video presentations from articles with synchronized narration and 23 professional themes
  • 03Producing UI mockups, product visuals, technical diagrams, and infographics using structured GPT Image 2 prompts
  • 04Answering questions from local documentation repositories without loading entire files into agent context
  • 05Transforming web URLs, PDFs, or notes into publication-ready long-form articles with table of contents and themed layouts
  • 06Building interactive explainers, slide decks, and data visualizations with motion and responsive design

Related Skills

View more

superpowers

An agentic skills framework & software development methodology that works.

Skill293.5k

skills

Skills for Real Engineers. Straight from my .agents directory.

Skill273k

skills

Public repository for Agent Skills

Skill179.2k

ponytail

Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.

Skill149.2k

garden-skills — FAQ

What is Garden Skills?+

Garden Skills is a curated collection of five production-ready Agent Skills (web-design-engineer, web-video-presentation, gpt-image-2, kb-retriever, beautiful-article) that extend AI coding agents with specialized capabilities in design, presentations, image generation, knowledge retrieval, and editorial publishing. Each skill follows the portable agentskills.io SKILL.md spec.

How do I install a Garden Skill?+

Install via npx skills CLI (npx skills add ConardLi/garden-skills -s web-design-engineer), Claude Code plugin marketplace (/plugin marketplace add ConardLi/garden-skills), pinned .zip from GitHub Releases, manual copy of the skill folder to .claude/skills/ or .agents/skills/, or git submodule. The npx CLI auto-detects your agent and places the skill in the correct directory.

Which AI agents and clients work with Garden Skills?+

Tested and compatible with Claude Code, Claude.ai web, Cursor, Codex CLI, Gemini CLI, and OpenCode. The SKILL.md format is portable by design—copy the skill folder into the directory your agent scans (.claude/skills/, .agents/skills/, .codex/skills/, etc.).

Do I need API keys for these skills?+

gpt-image-2 requires an OpenAI API key or compatible image API for generation; web-video-presentation's optional TTS feature requires MiniMax or OpenAI TTS API keys. The other skills (web-design-engineer, kb-retriever, beautiful-article) do not require external API keys.

Is Garden Skills free to use?+

Yes, the entire collection is MIT licensed and open source. API costs for image generation (gpt-image-2) or text-to-speech (web-video-presentation) depend on your chosen provider and usage.

How do I pin a skill to a specific version for production?+

Use a tag-scoped tree URL with npx skills (npx skills add ConardLi/garden-skills/tree/web-design-engineer-v1.3.0/skills/web-design-engineer) or download the immutable .zip from GitHub Releases with SHA-256 checksum verification. Every release publishes pinned artifacts.

How do I install garden-skills?+

Open the source repository on GitHub and follow its README. garden-skills is a skill — MCP Agents Market links you directly to the official repo.

Is garden-skills free?+

garden-skills is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.

Related searches

Design SkillsDeveloper Tools SkillsProductivity & Workflow SkillsBest MCP ServersBest PluginsBest AgentsTop rated listingsClaude Code toolsBrowse all categories