conardli/garden-skills
5 skills14.5k installs50.3k starsGitHub
Install
npx skills add https://github.com/conardli/garden-skillsSkills in this repo
1Web Design EngineerThe web-design-engineer skill positions the agent as a design engineer who builds polished visual web artifacts in HTML, CSS, JavaScript, and React. Developers use it for browser-rendered pages, interactive prototypes, slide decks, dashboards, data visualizations, animations, and UI mockups when visual delivery matters. The workflow starts with fact verification via web search, gathers design context from references or style recipes, declares a design system before coding, ships an early v0 for course correction, and finishes with a pre-delivery checklist. It enforces checkpoints, anti-cliche rules, brand asset protocols, Tweaks panels for live parameter adjustment, and optional five-dimension critique scoring. Technical guidance covers inline React with Babel CDN pins, CSS Grid and custom properties, slide engines at 1920x1080, and variant exploration across layout, visual, interaction, and creative dimensions. The skill explicitly excludes back-end APIs, CLI tools, and non-visual logic work. Output targets showcase-level craft with intentional pixels, deliberate interactions, and placeholder discipline over fabricated data.4kinstalls2Web Video Presentationweb-video-presentation is an agent skill for turning articles or narration scripts into click-driven 16:9 web presentations that look like video, with optional TTS audio synthesis. The workflow moves from raw content through a single script.md plus outline.md pass, a mandatory Checkpoint Plan aligning script, outline, theme, assets, and development mode, chapter-based Vite React TypeScript development, and optional provider-agnostic audio via narrations.ts as the sole step-count truth source. outline.md plans chapter pacing and information density but not animation types because chapter agents design motion at implementation time using CHAPTER-CRAFT.md principles. Chapter one is always a main-thread anchor requiring user approval before later chapters run sequentially, in order, or in parallel subagents. Audio paths support built-in MiniMax mmx-cli and OpenAI TTS with swappable providers in scripts/tts-providers. Hard self-check protocols require Agent Teams or subagent review of script.md, outline.md, and each completed chapter against checklists before reporting done. Developers reach for it when recording Bilibili, YouTube, or screencast tutorials, product demos, or keynote-sty.3.3kinstalls3Gpt Image 2gpt-image-2 is a Garden image generation and editing skill built around GPT Image 2 and OpenAI-compatible POST /images/generations and POST /images/edits endpoints. A check-mode script selects among Garden local mode when ENABLE_GARDEN_IMAGEGEN and OPENAI_API_KEY are set, host-native delegation when the agent already has an image tool, or advisor-only prompt writing when no image tool exists. The skill bundles 18 template categories and 79 structured prompt templates for posters, UI mockups, product visuals, infographics, and editing workflows, archiving prompts and images under garden-gpt-image-2 paths with task-slug timestamps. Mode A runs generate.js and edit.js locally; mode B delegates to host image tools; mode C saves prompts for external services. Developers reach for gpt-image-2 when agents must produce logos, marketing art, or iterative image edits with reproducible prompt engineering across Claude Code, Cursor, Codex, and other compatible hosts.3.2kinstalls4Kb RetrieverThe kb-retriever skill searches a local knowledge directory with layered data_structure.md indexes and progressive retrieval instead of loading whole files. Default root is knowledge/ under the project unless the user specifies another path; confirm location with test -d before using Glob. Traverse index files top-down, pick relevant subdirectories and files, then grep and partial Read with limits. PDF and Excel require reading references/pdf_reading.md and references/excel_reading.md plus excel_analysis.md before processing; extract text to files rather than stdout for large PDFs. Markdown and text use targeted grep with local Read windows. Excel uses pandas with nrows limits and column-aware filtering. A unified five-iteration search loop broadens keywords and stops when enough context exists or attempts exhaust. Answers cite source files and flag uncertainty rather than inventing facts. Network search is forbidden during knowledge base queries. The skill supports Chinese and English responses with conclusion-first formatting and explicit missing-info handling when the vault lacks matching content.2.7kinstalls5Beautiful Articlebeautiful-article is a content writing skill for Claude Code that reshapes rough notes, bullet dumps, or early drafts into polished long-form articles developers can publish on blogs, newsletters, or documentation sites. The skill applies clear heading hierarchy, scannable sections, and a consistent editorial tone so technical ideas read cleanly without a separate editing pass. It works from developer-supplied source material rather than inventing topics, making it useful when you already have research or meeting notes that need structure. Reach for beautiful-article when a draft exists but needs professional flow, sectioning, and publish-ready prose before it ships to readers or search engines.1.3kinstalls