$ show ConardLi/garden-skills
This is a monorepo of six AI agent skills (SKILL.md format) for creative content generation, targeting Claude Code, Cursor, Codex CLI, and other compatible agents. Each skill is a self-contained package with agent instructions, reference libraries, scaffold scripts, and optional companion websites. The skills enable agents to: generate beautiful single-file HTML articles (beautiful-article), create and edit images via GPT-4o (gpt-image-2), retrieve knowledge from local files (kb-retriever), produce deterministic motion-graphics videos with audio (motion-showreel), design polished web pages with anti-AI-cliché rules (web-design-engineer), and build click-driven video presentations with TTS (web-video-presentation). The repository also includes release automation (zero-dependency Node scripts, GitHub Actions), a Claude Code plugin marketplace entry, and two showcase websites (Vite+React+TypeScript). While primarily an application toolkit, it contains structured prompt template libraries and design reference catalogs that resemble curated data assets. The codebase demonstrates high engineering craftsmanship with deterministic rendering pipelines, a session-based audio synthesizer, design token systems, and comprehensive test coverage for the motion-showreel pipeline.
The LLM identified 10 files worth highlighting for reuse:
A full offline 48kHz audio synthesizer with a session-based bus architecture. Provides oscillators, ADSR envelopes, biquad filters, FM synthesis, physical modeling (mallet, organ, vox), drum machines, reverb, ping-pong delay, bit-crush, tape wow, and ITU-R BS.1770 loudness metering with look-ahead limiting. Uses deterministic RNG for reproducible output. Self-contained (no external audio libraries), reusable for any project needing programmatic audio generation.
Reusable headless browser setup using Playwright. Provides loadChromium, launch, serve (static HTTP server), and openPage functions. Used by multiple skills for rendering web pages to frames. Self-contained and configurable, extractable for any web automation or screenshot pipeline.
Frame analysis library for video processing: computes frame-difference profiles, detects cuts and transitions, fits beat grids (BPM candidates, offset, residual), calculates per-shot motion statistics, and generates heatmaps. Pure Node.js with ffmpeg/ffprobe, no Python dependencies. Reusable for any video analysis or automated editing pipeline.
A React component that renders a fixed-aspect-ratio stage (1920×1080) scaled to fit the viewport using CSS transforms. Handles centering, overflow, and responsive resizing. Self-contained, reusable for any presentation or slide-based web application.
A React component that reveals text using CSS clip-path animation with configurable delay and duration. Supports both horizontal and vertical wipe directions. Self-contained, reusable for any text reveal or intro animation.
A React hook that manages step-based navigation with next/previous/goTo functions, total steps, and current step index. Supports keyboard shortcuts and URL hash sync. Self-contained, reusable for any multi-step UI (wizards, slideshows, tutorials).
A React hook that manages audio playback with play/pause/seek, progress tracking, and segment-based cue points. Handles loading states and error recovery. Self-contained, reusable for any audio-driven presentation or narration system.
Zero-dependency Node ESM module for multi-package monorepo release management. Provides tag parsing, manifest validation, version bumping, and download link generation. Self-contained, reusable for any monorepo that needs per-package semantic versioning with GitHub Releases.
A utility that intercepts Canvas and DOM text drawing calls to detect text overflow, clipping, and framing violations. Provides a hook that wraps fillText/strokeText and measures bounding boxes. Self-contained, reusable for any project needing text layout validation in headless rendering.
Offline audio rendering engine using Tone.js. Takes a score definition (notes, effects, buses) and renders to a WAV buffer with deterministic timing. Handles scheduling, effect chains, and master bus processing. Self-contained, reusable for any project needing programmatic music generation with Tone.js.