← all repositories
ConardLi/garden-skills

Prompt packs that teach AI agents to design, present, and draw

A curated library of "Skills" — structured system prompts that turn Claude, Cursor, and Codex into specialized design engineers, video producers, and image promptsmiths.

garden-skills
Velocity · 7d
+158
★ / day
Trend
steady
star history

What it does

Garden Skills ships four production-ready prompt-and-workflow packages for AI coding agents. Each Skill is a SKILL.md spec plus scaffolding: one turns agents into web-design engineers with taste, another into presentation-video directors with 23 built-in themes, a third into GPT-image prompt specialists, and the fourth into local knowledge-retrieval plumbers.

The interesting bit

The project treats prompt engineering as product design. The web-design-engineer Skill doesn’t just ask for “a nice landing page” — it forces a six-step workflow (requirements → context → design system → v0 → build → verify) and ships 25 anchored style recipes cribbed from real-world references (Aesop, Bloomberg Terminal, Stripe Press, Mid-Century Modern). That’s the boring part, and that’s where the value hides: most AI-generated UIs look identical because the prompts are lazy. These ones aren’t.

Key highlights

  • web-video-presentation: click-driven 1920×1080 Vite/React stages for screen-recording as video, with pluggable TTS (MiniMax, OpenAI, plus snippets for ElevenLabs/Azure/etc.)
  • web-design-engineer: anti-cliché blocklist, oklch() color guidance, container queries, reduced-motion handling, and reusable pattern references for dashboards, slide engines, device frames
  • gpt-image-2: prompt engineering for UI mockups, technical diagrams, infographics, storyboards, and product visuals (sourced from a separate gpt-image-2-101 repo)
  • kb-retriever: local knowledge retrieval (details thin in the provided README)
  • Five install paths: npx skills CLI, Claude Code marketplace, pinned .zip releases, manual copy, or Git submodule

Caveats

  • Only four Skills exist so far; the README badge and gallery promise exactly that, no more
  • kb-retriever is mentioned but not documented in the provided excerpt — what it actually does is unclear
  • Heavy emphasis on web-video and web-design Skills; the other two feel like supporting cast

Verdict

Grab this if you’re tired of AI-generated UIs that all look like the same SaaS template, or if you regularly produce screencasts and want a structured agent workflow. Skip it if you’re looking for runtime libraries — these are prompts, scaffolding, and conventions, not code you import.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.