VerifiedPlugin
conardli-garden-skills…
A curated collection of production-ready Agent Skills for Claude Code, Cursor, Codex, and other AI coding agents.
5 skills13k
@conardliAI & Agents
Plugin
conardli-garden-skills
A curated collection of production-ready Agent Skills for Claude Code, Cursor, Codex, and other AI coding agents.
Plugin Signal62/100Solid
maintained66
capable37
documented75
adopted87
Install on Claude Code
> /plugin marketplace add conardli/web-design-skill
What's inside
Skill(5 skills)
/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 / 产品 / 信息图 / 学术图 / 技术架构图 / 漫画 / 头像 / 流程板 / 电影分镜 / IP 周边 //kb-retriever面向本地知识库目录的检索和问答助手。核心流程：(1)分层索引导航 (2)遇到PDF/Excel时必须先读取references学习处理方法 (3)处理文件后再检索。按文件类型组合使用 grep、Read、pdfplumber、pandas 进行渐进式检索，避免整文件加载。用户问题涉及"从知识库目录回答问题/检索信息/查资料"时使用。
README
Garden Skills
A curated collection of production-ready Agent Skills for Claude Code, Cursor, Codex, and other AI coding agents.
Table of contents
| Install | Use | Contribute |
|---|---|---|
Installskills CLI (npx)Claude Code plugin marketplacePinned .zip from ReleasesManual copyGit submodule | CompatibilityWhat is a Skill? | ContributingAcknowledgmentsLicense |
web-video-presentation
Category: Web Video / Presentation Engineering
Best for: turning scripts, articles, lessons, product demos, and talks into click-driven 16:9 web presentations that can be screen-recorded as cinematic videos.
web-video-presentation builds record-ready Vite + React + TypeScript presentations that behave like video production surfaces. The workflow turns raw articles into narration scripts, maps script beats to full-screen scenes, pauses at required checkpoints, and can optionally synthesize narration audio after the visual outline is approved.
Highlights:
- Fixed 1920×1080 stage that scales to the viewport for stable screen recording
- Click / keyboard driven
(chapter, step)cursor, with one narration beat per visual step - Hard collaboration checkpoints for script, theme, outline, implementation mode, and optional audio
- Hidden hover-only progress controls so the stage stays clean while recording
- Theme-token architecture with 23 built-in themes, each with its own design signature — editorial, terminal, engineering, Swiss International, and more
- Pluggable TTS — provider-agnostic audio runner; ships two built-in providers (MiniMax
mmx-cli+ OpenAI TTS via curl) plus a contract + ready-to-paste snippets for ElevenLabs / edge-tts / Azure / Google Cloud / macOSsay - Scaffolded Vite + React + TypeScript project with reusable stage primitives and recording guidance
↑ All 23 themes at a glance — open the full gallery for live 16:9 previews, design signatures, and best-for tags.
Links: README · SKILL.md · Download v1.2.2 .zip
web-design-engineer
Category: Design / Frontend
Best for: web pages, landing pages, dashboards, interactive prototypes, HTML slide decks, animations, UI mockups, data visualizations, and design-system explorations.
web-design-engineer turns AI-generated web artifacts from merely functional into polished, deliberate, and visually memorable front-end work. It treats the agent as a design engineer: first understanding product context, then declaring a design system, showing an early v0, building the full experience, and verifying the result.
Highlights:
- Converts the brief into a five-dial Design Read covering variance, motion, density, asset dependence, and brand fidelity
- Distinguishes extension, preserve, and overhaul redesign modes before changing an existing product
- Runs executable browser acceptance only when the user explicitly requests acceptance, QA, or browser testing
- Pushes beyond generic AI UI patterns with an anti-cliché blocklist and stronger visual judgment
- Ships a Design Direction Advisor (six differentiated schools) + 25 anchored style recipes (Linear / Aesop / Pentagram / Bloomberg / Stripe Press / Mid-Century, etc.) — each recipe carries concrete palette, typography, signature moves, and anti-patterns ready to paste into the design-system declaration
- Covers HTML / CSS / JavaScript / React prototypes, with guidance for responsive layout, motion, and interaction polish
- Includes practical implementation rules for inline React + Babel, CSS tokens,
oklch()color work, container queries, and reduced-motion handling - Ships an advanced patterns reference for device frames, slide engines, animation timelines, dashboards, and other reusable web artifacts
File tree
More plugins by @conardli.
View @conardli’s profile@conardliFAQ
conardli-garden-skills is a Claude Code plugin with 5 hand-picked skills for ai & agents work, indexed on Flowy. Install it with the command on its page. It includes beautiful-article, gpt-image-2, kb-retriever. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is conardli-garden-skills?
- A curated collection of production-ready Agent Skills for Claude Code, Cursor, Codex, and other AI coding agents.
- How do I install conardli-garden-skills?
- Run these in Claude Code: /plugin marketplace add conardli/web-design-skill. Then prompt normally.
- Does conardli-garden-skills auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is conardli-garden-skills free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it