conardli/garden-skills
4 skills7.1k installs30.2k starsGitHub
Install
npx skills add https://github.com/conardli/garden-skillsSkills in this repo
1Web Design EngineerWeb Design Engineer is a garden-skills package for solo and indie builders who use coding agents to ship web interfaces but want results that look intentional rather than template-generic. It encodes a six-step workflow plus an anti-cliché design system so the agent reasons about hierarchy, spacing, color, motion, and component cohesion instead of dumping default gradients and card stacks. You can target static HTML/CSS/JS or React for landing pages, admin dashboards, interactive prototypes, slide-style decks, animations, mockups, and lightweight data visualizations. The skill is positioned as structured procedural knowledge—compatible with Claude Code, Cursor, Codex CLI, and similar tools—not a hosted design tool. Use it when you already have working markup or a rough spec and need elevation to a credible marketing or product UI before validation demos, ship review, or launch distribution. It complements generic codegen by constraining taste and process so iterations converge faster for one-person teams wearing design and frontend hats.2.1kinstalls2Web Video PresentationWeb Video Presentation is an agent skill that treats a web app like a video set instead of a traditional slide deck. Solo builders feed scripts, articles, lessons, or product demos, and the method scaffolds a Vite, React, and TypeScript project where each step owns the full 16:9 frame and clicks advance narration beats suitable for Bilibili, YouTube, or internal walkthroughs. Collaboration checkpoints keep the agent aligned with your storyline before codegen sprawls. Theme tokens keep visual consistency when you iterate copy or reorder chapters. The skill sits at the intersection of frontend build work and launch-time distribution: you are still coding a presentation app, but the deliverable is recordable media. Use it when written content already exists and you need a controlled, cinematic pacing model rather than exporting PDF slides or improvising in a live browser tab.1.8kinstalls3Gpt Image 2GPT Image 2 is a Garden collection skill that packages prompt engineering and image operations for solo builders who need consistent visuals without becoming prompt hackers. It targets GPT Image 2 and compatible OpenAI-style image endpoints, limiting scope to generation and edit APIs while remaining useful whether the agent holds the API key (Garden local), the IDE provides its own image tool (host-native), or no image backend exists (advisor-only templates). Builders pick from eighteen visual categories and eighty-plus templates to produce heroes, icons, social assets, and UI-adjacent art during Build and Launch work. The skill emphasizes mode detection so the same instructions work across Claude Code, Cursor, Codex, and similar agents. Intermediate complexity reflects API keys, endpoint choice, and edit-vs-generate decisions rather than raw model tuning.1.7kinstalls4Kb Retrieverkb-retriever is a Garden skill that teaches agents to query a local knowledge directory the way a careful researcher would: skim hierarchical data_structure.md indexes, retrieve in progressive rounds, and never dump entire PDFs or Excel workbooks into the window. When the index points at binary or tabular assets, the agent must read the matching references markdown and use the prescribed tool path first. Retrieval stops after at most five rounds, and answers are expected to carry sources. Solo builders with specs, runbooks, contracts, and research folders scattered on disk can point the agent at one root and ask natural-language questions during build, ship review, or grow content work—without standing up a vector database on day one. It pairs well with docs-heavy repos and indie teams who already maintain index files as lightweight RAG.1.4kinstalls