What problem it solves

AI coding agents need structured, reusable workflows to produce polished design, media, visual documentation, and knowledge-based results. The collection packages these workflows as Skills that can be installed and used across several SKILL.md-compatible agent environments.

Key features

• Polished front-end design workflow — The web-design-engineer Skill guides agents through product context, design-system declaration, visual direction, implementation, and verification. It includes 25 anchored style recipes and guidance for responsive layouts, motion, interaction, and modern CSS.

  Source: README, skills/web-design-engineer

• Code-rendered video production — The motion-showreel Skill produces short code-rendered videos with editable source, coordinated picture and sound, style checkpoints, narration, and technical acceptance checks. It supports showreels, product films, kinetic typography, UI motion, and narrated explainers.

  Source: README, skills/motion-showreel

• Record-ready web presentations — The web-video-presentation Skill turns scripts, articles, lessons, product demos, and talks into click-driven presentations. It generates a scaffolded Vite, React, and TypeScript project with a fixed 16:9 stage, collaboration checkpoints, themes, and optional narration.

  Source: README, skills/web-video-presentation

• Flexible image generation and editing — The gpt-image-2 Skill supports local generation, host-native delegation, and advisor-only prompt writing. It includes structured prompt templates, dedicated image-editing workflows, and reusable output storage.

  Source: README, skills/gpt-image-2

• Local knowledge retrieval — The kb-retriever Skill provides a workflow for retrieving knowledge from local sources. It expands the collection beyond visual production into information retrieval for agent workflows.

  Source: README, skills

Who it may suit

Inference: may suit developers and teams using Claude Code, Cursor, Codex, or other SKILL.md-compatible AI coding agents who need reusable workflows for front-end design, presentations, code-rendered video, image generation, or local knowledge retrieval.

Topics to discuss

• Which agent environments and installation workflows should receive priority for future compatibility improvements?

• How can community contributors add new Skills while preserving the collection's production-ready quality?

• Which use cases should guide the next shared templates, references, or examples?

Written by ReadmeX AI from the project's README, source and public GitHub data; it may contain mistakes.

Read the original README https://github.com/ConardLi/garden-skills#readme

ReadmeX opened this community for a trending project; it is not run by the project. Maintainers can claim it from the community page.