ConardLi/garden-skills
ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.
What it solves
Garden Skills provides a curated set of production-ready "Agent Skills" designed to extend the capabilities of AI coding agents like Claude Code, Cursor, and Codex. It solves the problem of AI agents producing generic or low-quality outputs by providing specialized frameworks, design systems, and structured workflows for specific high-value tasks.
How it works
Each "Skill" is a specialized configuration or set of instructions that guides an AI agent through a professional workflow. The project includes several distinct skills:
- web-video-presentation: Turns scripts and articles into 16:9 web-based presentations using Vite, React, and TypeScript, featuring built-in themes and pluggable Text-to-Speech (TTS) providers.
- web-design-engineer: Transforms AI-generated web artifacts into polished front-end work by applying design systems, style recipes (e.g., Linear, Stripe Press), and a structured design-engineering process.
- gpt-image-2: A prompt engineering skill for image generation and editing, offering structured templates across 18 visual categories and supporting multiple runtime modes (local, host-native, or advisor-only).
- kb-retriever: Enables local knowledge retrieval for agents.
- beautiful-article: Converts various sources into aesthetically pleasing articles.
- motion-showreel: Creates code-rendered short videos.
Who it’s for
Developers and creators using AI coding agents who want to move beyond basic functional prototypes to production-ready, visually polished, and professional-grade digital assets.
Highlights
- Specialized Design Systems: Includes 23 built-in themes for presentations and 25 anchored style recipes for web design.
- Multi-Agent Compatibility: Designed for use across various AI coding agents including Claude Code, Cursor, and Codex.
- Flexible Image Workflows: Supports image generation and editing with a library of 79 structured prompt templates.
- Production-Ready Tooling: Integrates with modern web stacks (Vite, React, TypeScript) and provides pluggable TTS options for video production.
Related
- Project
- Project
- Project
- Project
- Project