[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-655":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},655,"garden-skills","ConardLi\u002Fgarden-skills","ConardLi","ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.","https:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills",null,"CSS",7696,1050,42,5,0,250,878,3451,750,40.06,"MIT License",false,"main",true,[27,28,29,30,31,32],"agent","claude","gpt-image-2","rag","skills","web-design","2026-06-12 02:00:16","\u003Cdiv align=\"center\">\n\n# Garden Skills\n\n**A curated collection of production-ready [Agent Skills](https:\u002F\u002Fsupport.claude.com\u002Fen\u002Farticles\u002F12512176-what-are-skills) for Claude Code, Cursor, Codex, and other AI coding agents.**\n\n\u003Ca id=\"skills-gallery\">\u003C\u002Fa>\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"50%\" valign=\"top\">\n\u003Ca href=\"#web-video-presentation\">\u003Cimg src=\".\u002Fdist\u002Fimgs\u002Fweb-video-presentation-skill.png\" alt=\"Web Video Presentation Skill\" width=\"100%\">\u003C\u002Fa>\n\u003Cbr\u002F>\u003Ca href=\"#web-video-presentation\">\u003Cstrong>web-video-presentation\u003C\u002Fstrong>\u003C\u002Fa>\n\u003Cbr\u002F>\u003Csub>Web video \u002F presentation\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd width=\"50%\" valign=\"top\">\n\u003Ca href=\"#web-design-engineer\">\u003Cimg src=\".\u002Fdist\u002Fimgs\u002Fweb-design-skill.png\" alt=\"Web Design Skill\" width=\"100%\">\u003C\u002Fa>\n\u003Cbr\u002F>\u003Ca href=\"#web-design-engineer\">\u003Cstrong>web-design-engineer\u003C\u002Fstrong>\u003C\u002Fa>\n\u003Cbr\u002F>\u003Csub>Design \u002F frontend\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"50%\" valign=\"top\">\n\u003Ca href=\"#gpt-image-2\">\u003Cimg src=\".\u002Fdist\u002Fimgs\u002Fgpt-image-2-skill.png\" alt=\"GPT Image 2 Skill\" width=\"100%\">\u003C\u002Fa>\n\u003Cbr\u002F>\u003Ca href=\"#gpt-image-2\">\u003Cstrong>gpt-image-2\u003C\u002Fstrong>\u003C\u002Fa>\n\u003Cbr\u002F>\u003Csub>Image generation \u002F prompting\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003Ctd width=\"50%\" valign=\"top\">\n\u003Ca href=\"#kb-retriever\">\u003Cimg src=\".\u002Fdist\u002Fimgs\u002Fkb-retriever-skill.png\" alt=\"KB Retriever Skill\" width=\"100%\">\u003C\u002Fa>\n\u003Cbr\u002F>\u003Ca href=\"#kb-retriever\">\u003Cstrong>kb-retriever\u003C\u002Fstrong>\u003C\u002Fa>\n\u003Cbr\u002F>\u003Csub>Local knowledge retrieval\u003C\u002Fsub>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n[![License: MIT](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002FConardLi\u002Fgarden-skills?style=flat-square&color=blue)](.\u002FLICENSE)\n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FConardLi\u002Fgarden-skills?style=flat-square)](https:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills\u002Fstargazers)\n[![PRs welcome](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen?style=flat-square)](#contributing)\n[![Skills count](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fskills-4-orange?style=flat-square)](#skills-gallery)\n[![Spec](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fspec-SKILL.md-black?style=flat-square)](https:\u002F\u002Fagentskills.io)\n\n[English](.\u002FREADME.md) · [中文文档](.\u002FREADME.zh-CN.md)\n\n\u003C\u002Fdiv>\n\n---\n\n## Table of contents\n\n| Install | Use | Contribute |\n|---|---|---|\n| [Install](#install)\u003Cbr>[`skills` CLI (npx)](#option-a--skills-cli-npx)\u003Cbr>[Claude Code plugin marketplace](#option-b--claude-code-plugin-marketplace)\u003Cbr>[Pinned `.zip` from Releases](#option-c--pinned-zip-from-releases)\u003Cbr>[Manual copy](#option-d--manual-copy-into-your-project)\u003Cbr>[Git submodule](#option-e--git-submodule) | [Compatibility](#compatibility)\u003Cbr>[What is a Skill?](#what-is-a-skill) | [Contributing](#contributing)\u003Cbr>[Acknowledgments](#acknowledgments)\u003Cbr>[License](#license) |\n\n---\n\n### [`web-video-presentation`](.\u002Fskills\u002Fweb-video-presentation)\n\n![Web Video Presentation Skill](.\u002Fdist\u002Fimgs\u002Fweb-video-presentation-skill.png)\n\n**Category:** Web Video \u002F Presentation Engineering  \n**Best for:** turning scripts, articles, lessons, product demos, and talks into click-driven 16:9 web presentations that can be screen-recorded as cinematic videos.\n\n`web-video-presentation` builds record-ready Vite + React + TypeScript presentations that behave like video production surfaces. The workflow turns raw articles into narration scripts, maps script beats to full-screen scenes, pauses at required checkpoints, and can optionally synthesize narration audio after the visual outline is approved.\n\nHighlights:\n\n- Fixed 1920×1080 stage that scales to the viewport for stable screen recording\n- Click \u002F keyboard driven `(chapter, step)` cursor, with one narration beat per visual step\n- Hard collaboration checkpoints for script, theme, outline, implementation mode, and optional audio\n- Hidden hover-only progress controls so the stage stays clean while recording\n- Theme-token architecture with multiple visual languages, from `paper-press` to `terminal-green`\n- Scaffolded Vite + React + TypeScript project with reusable stage primitives and recording guidance\n\nLinks: [README](.\u002Fskills\u002Fweb-video-presentation\u002FREADME.md) · [SKILL.md](.\u002Fskills\u002Fweb-video-presentation\u002FSKILL.md) · \u003C!-- DOWNLOAD:web-video-presentation:start -->[Download v1.1.1 .zip](https:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills\u002Freleases\u002Fdownload\u002Fweb-video-presentation-v1.1.1\u002Fweb-video-presentation-1.1.1.zip)\u003C!-- DOWNLOAD:web-video-presentation:end -->\n\n---\n\n### [`web-design-engineer`](.\u002Fskills\u002Fweb-design-engineer)\n\n![Web Design Skill](.\u002Fdist\u002Fimgs\u002Fweb-design-skill.png)\n\n**Category:** Design \u002F Frontend  \n**Best for:** web pages, landing pages, dashboards, interactive prototypes, HTML slide decks, animations, UI mockups, data visualizations, and design-system explorations.\n\n`web-design-engineer` turns AI-generated web artifacts from merely functional into polished, deliberate, and visually memorable front-end work. It treats the agent as a design engineer: first understanding product context, then declaring a design system, showing an early v0, building the full experience, and verifying the result.\n\nHighlights:\n\n- Defines a six-step design workflow: requirements → context → design system → v0 → full build → verification\n- Pushes beyond generic AI UI patterns with an anti-cliché blocklist and stronger visual judgment\n- Covers HTML \u002F CSS \u002F JavaScript \u002F React prototypes, with guidance for responsive layout, motion, and interaction polish\n- Includes practical implementation rules for inline React + Babel, CSS tokens, `oklch()` color work, container queries, and reduced-motion handling\n- Ships an advanced patterns reference for device frames, slide engines, animation timelines, dashboards, and other reusable web artifacts\n\nLinks: [README](.\u002Fskills\u002Fweb-design-engineer\u002FREADME.md) · [SKILL.md](.\u002Fskills\u002Fweb-design-engineer\u002FSKILL.md) · [Website](.\u002Fwebsite\u002Fweb-design-website) · [Demo](.\u002Fdemo\u002Fweb-design-demo) · \u003C!-- DOWNLOAD:web-design-engineer:start -->[Download v1.0.0 .zip](https:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills\u002Freleases\u002Fdownload\u002Fweb-design-engineer-v1.0.0\u002Fweb-design-engineer-1.0.0.zip)\u003C!-- DOWNLOAD:web-design-engineer:end -->\n\n---\n\n### [`gpt-image-2`](.\u002Fskills\u002Fgpt-image-2)\n\n![GPT Image 2 Skill](.\u002Fdist\u002Fimgs\u002Fgpt-image-2-skill.png)\n\n**Category:** Image Generation \u002F Prompt Engineering  \n**Best for:** posters, UI mockups, product visuals, infographics, academic figures, technical diagrams, comics, avatars, storyboards, branding boards, and image-editing workflows.\n\n`gpt-image-2` is a focused image-generation skill for GPT Image 2 and OpenAI-compatible image APIs. It is designed to work across different agent environments: fully local Garden generation, host-native image-tool delegation, or prompt-only advisor mode when no image tool is available.\n\nHighlights:\n\n- Supports three runtime modes: **Mode A Garden local**, **Mode B host-native delegation**, and **Mode C advisor-only prompt writing**\n- Starts every task with mode detection so the skill does not silently choose the wrong execution path\n- Provides 18 visual categories and 80+ structured prompt templates under `references\u002F`\n- Covers both image generation and image editing through dedicated workflows and scripts\n- Saves prompts and generated images under `garden-gpt-image-2\u002F` in Garden mode for reuse, review, and versioning\n\nLinks: [README](.\u002Fskills\u002Fgpt-image-2\u002FREADME.md) · [SKILL.md](.\u002Fskills\u002Fgpt-image-2\u002FSKILL.md) · [Website](.\u002Fwebsite\u002Fgpt-image2-website) · \u003C!-- DOWNLOAD:gpt-image-2:start -->[Download v1.0.3 .zip](https:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills\u002Freleases\u002Fdownload\u002Fgpt-image-2-v1.0.3\u002Fgpt-image-2-1.0.3.zip)\u003C!-- DOWNLOAD:gpt-image-2:end -->\n\n---\n\n### [`kb-retriever`](.\u002Fskills\u002Fkb-retriever)\n\n![Kb Retriever Skill](.\u002Fdist\u002Fimgs\u002Fkb-retriever-skill.png)\n\n**Category:** Retrieval \u002F Local Knowledge Base  \n**Best for:** answering questions from a local `knowledge\u002F` directory, searching structured documentation, and extracting evidence from Markdown, text, PDF, and Excel files without flooding the agent context.\n\n`kb-retriever` is a local knowledge-base retriever built around careful, progressive search. Instead of loading whole files, it navigates hierarchical index files, narrows the candidate set, processes complex file types correctly, and answers with sources.\n\nHighlights:\n\n- Uses layered `data_structure.md` files to navigate the knowledge base before searching content\n- Enforces a **learn-before-process** rule for PDF and Excel files, using the included reference docs before extraction or analysis\n- Combines precise keyword search, local windowed reads, synonyms, and iterative refinement\n- Bounds retrieval to at most 5 search rounds so exploration stays controlled\n- Includes workflows for `grep`, `pdftotext`, `pdfplumber`, and `pandas`, with source-aware answer formatting\n\nLinks: [README](.\u002Fskills\u002Fkb-retriever\u002FREADME.md) · [SKILL.md](.\u002Fskills\u002Fkb-retriever\u002FSKILL.md) · \u003C!-- DOWNLOAD:kb-retriever:start -->[Download v1.0.0 .zip](https:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills\u002Freleases\u002Fdownload\u002Fkb-retriever-v1.0.0\u002Fkb-retriever-1.0.0.zip)\u003C!-- DOWNLOAD:kb-retriever:end -->\n\n---\n\n## Install\n\nThere are five supported install paths. Pick the one that fits your stack:\n\n| # | Method | Best for | Pinned version? |\n|---|---|---|---|\n| A | [`skills` CLI (`npx skills add`)](#option-a--skills-cli-npx) | Any agent, one-line install, pick & choose skills | ✅ via tag URL |\n| B | [Claude Code plugin marketplace](#option-b--claude-code-plugin-marketplace) | Claude Code users who want to subscribe to plugin packs | ✅ via marketplace version |\n| C | [Pinned `.zip` from GitHub Releases](#option-c--pinned-zip-from-releases) | CI \u002F air-gapped envs \u002F reproducible installs | ✅ ✅ (immutable) |\n| D | [Manual copy after `git clone`](#option-d--manual-copy-into-your-project) | Local hacking on the skill itself | ❌ (tracks `main`) |\n| E | [Git submodule](#option-e--git-submodule) | Vendored into a larger project, want upstream updates | ✅ via submodule SHA |\n\n> Each skill section above also has a **`Download v\u003Cversion> .zip`** link in\n> its \"Links:\" row that points at the current pinned release artifact. Those\n> URLs are auto-rewritten by [`scripts\u002Frelease\u002Fupdate-readme.mjs`](.\u002Fscripts\u002Frelease\u002Fupdate-readme.mjs)\n> on every release, so they always advertise the latest immutable version.\n\n### Option A · `skills` CLI (npx)\n\nThe fastest agent-agnostic path. Uses the standard [`npx skills` CLI](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fskills),\nwhich auto-detects your agent (Claude Code, Cursor, Codex, etc.) and drops the\nskill into the right directory.\n\n```bash\n# Install all four skills (latest)\nnpx skills add ConardLi\u002Fgarden-skills\n\n# Install just one skill (latest)\nnpx skills add ConardLi\u002Fgarden-skills -s web-design-engineer\n\n# Install globally (~\u002F.skills) instead of per-project (.\u002F.skills)\nnpx skills add ConardLi\u002Fgarden-skills -s gpt-image-2 --global\n\n# Target a specific agent\nnpx skills add ConardLi\u002Fgarden-skills -s kb-retriever -a claude-code\n```\n\n> **Defaults to the latest commit on `main`.** That's what you want 95% of the\n> time — the CLI tracks each skill's most recent published `SKILL.md` straight\n> from the source tree.\n\n**Want a pinned version? (CI \u002F production)** Use a tag-scoped `tree\u002F` URL —\nthis points at the exact commit a release was cut from:\n\n```bash\n# Pin one skill to a specific release\nnpx skills add ConardLi\u002Fgarden-skills\u002Ftree\u002Fweb-design-engineer-v1.0.0\u002Fskills\u002Fweb-design-engineer\n```\n\nFor each skill, the current pinned `.zip` URL is also shown inline in its\n\"Links:\" row above (the `Download v\u003Cversion> .zip` link).\n\nUseful sub-commands:\n\n```bash\nnpx skills list                 # what's installed\nnpx skills find web-design      # search registries\nnpx skills update               # bump everything\nnpx skills remove kb-retriever  # uninstall\n```\n\n### Option B · Claude Code plugin marketplace\n\nIf you use [Claude Code](https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Fdocs\u002Fclaude-code), you\ncan subscribe to the marketplace and install plugin packs that bundle one or\nmore skills together:\n\n```bash\n\u002Fplugin marketplace add ConardLi\u002Fgarden-skills\n\u002Fplugin install presentation-skills@garden-skills\n\u002Fplugin install web-design-skills@garden-skills\n\u002Fplugin install knowledge-base-skills@garden-skills\n\u002Fplugin install image-generation-skills@garden-skills\n```\n\nPlugin packs are declared in [`.claude-plugin\u002Fmarketplace.json`](.\u002F.claude-plugin\u002Fmarketplace.json):\n\n| Plugin pack | Skills included |\n|---|---|\n| `presentation-skills` | `web-video-presentation` |\n| `web-design-skills` | `web-design-engineer` |\n| `knowledge-base-skills` | `kb-retriever` |\n| `image-generation-skills` | `gpt-image-2` |\n\n### Option C · Pinned `.zip` from Releases\n\nEvery formal release publishes an immutable `.zip` (with a SHA-256 checksum) to\n[GitHub Releases](https:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills\u002Freleases). Pin to\nthis from CI, Dockerfiles, or air-gapped installers when you need the exact\nbytes to never move under you.\n\n```bash\n# Replace \u003Cskill> and \u003Cversion> with the version you want.\nSKILL=web-design-engineer\nVERSION=1.0.0\n\ncurl -fsSL -o \"${SKILL}.zip\" \\\n  \"https:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills\u002Freleases\u002Fdownload\u002F${SKILL}-v${VERSION}\u002F${SKILL}-${VERSION}.zip\"\n\n# Verify the checksum (highly recommended for unattended installs)\ncurl -fsSL -o \"${SKILL}.zip.sha256\" \\\n  \"https:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills\u002Freleases\u002Fdownload\u002F${SKILL}-v${VERSION}\u002F${SKILL}-${VERSION}.zip.sha256\"\nshasum -a 256 -c \"${SKILL}.zip.sha256\"\n\n# Drop the folder into the agent's skills directory\nunzip -q \"${SKILL}.zip\" -d .claude\u002Fskills\u002F   # or .agents\u002Fskills\u002F, .codex\u002Fskills\u002F, ...\n```\n\nA floating \"always-latest\" URL is also available — useful for one-off installs:\n\n```bash\nhttps:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills\u002Freleases\u002Flatest\u002Fdownload\u002F\u003Cskill>-\u003Cversion>.zip\n```\n\n> **Pinned URLs for every skill are listed inline in this README** — see the\n> \"Download\" line under each skill's \"Links\" entry above. They are kept in sync\n> automatically by the release pipeline.\n\n### Option D · Manual copy into your project\n\nClone the repo and copy the skill folder you want — handy if you want to fork\nor hack on the skill itself.\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills.git\ncp -r garden-skills\u002Fskills\u002Fweb-design-engineer  your-project\u002F.claude\u002Fskills\u002F\n# Cursor \u002F generic agent:\ncp -r garden-skills\u002Fskills\u002Fweb-design-engineer  your-project\u002F.agents\u002Fskills\u002F\n```\n\nThe agent discovers the skill the next time it scans the workspace.\n\n### Option E · Git submodule\n\nFor vendoring into a larger project where you want to track upstream updates:\n\n```bash\ngit submodule add https:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills.git vendor\u002Fgarden-skills\nln -s ..\u002F..\u002Fvendor\u002Fgarden-skills\u002Fskills\u002Fweb-design-engineer .claude\u002Fskills\u002Fweb-design-engineer\n```\n\nPin to a release tag for reproducibility:\n\n```bash\ncd vendor\u002Fgarden-skills\ngit checkout web-design-engineer-v1.0.0\n```\n\n---\n\n## Compatibility\n\n| Agent \u002F Runtime | Skill location | Status |\n|---|---|---|\n| **Claude Code** | `.claude\u002Fskills\u002F\u003Cname>\u002F` or via plugin marketplace | ✅ Tested |\n| **Claude.ai** (web) | Settings → Capabilities → Skills | ✅ Tested |\n| **Cursor** | `.agents\u002Fskills\u002F\u003Cname>\u002F` | ✅ Tested |\n| **Codex CLI** | `.codex\u002Fskills\u002F\u003Cname>\u002F` | ✅ Tested |\n| **Gemini CLI** | extension manifest | ✅ Tested |\n| **OpenCode** | `.opencode\u002Fskills\u002F\u003Cname>\u002F` | ✅ Tested |\n\n> The `SKILL.md` format is portable by design — if your agent supports skills, copy the folder into the directory it scans, and it should work. PRs welcome to extend this matrix.\n\n---\n\n## What is a Skill?\n\nA **Skill** is a self-contained folder the agent can load on-demand. It's\njust a `SKILL.md` (YAML frontmatter + instructions), optionally accompanied\nby reference docs, scripts, and assets:\n\n```text\n\u003Cskill-name>\u002F\n├── SKILL.md      ← required: when to use it + how to do it\n├── README.md     ← human-facing docs\n├── references\u002F   ← optional: extended docs the agent loads on demand\n├── scripts\u002F      ← optional: deterministic executable helpers\n└── assets\u002F       ← optional: templates, fonts, icons\n```\n\nThe agent decides whether to activate the skill from the `description` line\nin the frontmatter — so the description is the contract between you and the\nagent. For the full spec, see [agentskills.io](https:\u002F\u002Fagentskills.io) and\n[Anthropic's reference repository](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills).\n\n---\n\n## Contributing\n\nBug reports, new skills, and tooling improvements are all welcome.\n\nThe maintainer-facing docs — repository layout, release process, version\nrules, CI workflow, troubleshooting — live in\n[**`CONTRIBUTING.md`**](.\u002FCONTRIBUTING.md) ([中文](.\u002FCONTRIBUTING.zh-CN.md)).\nRead that first if you want to add a skill or cut a release.\n\nQuick orientation:\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FConardLi\u002Fgarden-skills.git\ncd garden-skills\nnpm run list      # show all skills + manifest status\nnpm run validate  # the same check CI runs on every PR\n```\n\n---\n\n## Acknowledgments\n\nThis collection stands on the shoulders of:\n\n- **[Anthropic](https:\u002F\u002Fwww.anthropic.com)** for the [Agent Skills spec](https:\u002F\u002Fagentskills.io) and the [`anthropics\u002Fskills`](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fskills) reference repository.\n- **[Claude Design](https:\u002F\u002Fwww.anthropic.com\u002Fnews\u002Fclaude-design-anthropic-labs)** — the system prompt that inspired `web-design-engineer`. The original is preserved in [`dist\u002Fprompt\u002Fclaude-design-system-prompt.md`](.\u002Fdist\u002Fprompt\u002Fclaude-design-system-prompt.md) for reference.\n- The broader OSS skill community — see [`travisvn\u002Fawesome-claude-skills`](https:\u002F\u002Fgithub.com\u002Ftravisvn\u002Fawesome-claude-skills) and [`obra\u002Fsuperpowers`](https:\u002F\u002Fgithub.com\u002Fobra\u002Fsuperpowers) for further discovery.\n\n---\n\n## License\n\n[MIT](.\u002FLICENSE) © [ConardLi](https:\u002F\u002Fgithub.com\u002FConardLi)\n","Garden Skills 是一个开源技能集合，旨在为 Claude Code、Cursor、Codex 等 AI 编程助手提供一系列生产就绪的 Agent 技能。该项目涵盖了网页设计、知识检索、图像生成等多个领域，并且通过 CSS 和其他相关技术实现。其核心功能包括创建可录制为视频的网页演示文稿（如将脚本或文章转换成点击驱动的 16:9 比例的网页演示）、前端设计辅助、基于 GPT 的图像生成以及本地知识库检索等。这些工具非常适合需要快速构建高质量演示材料、优化前端设计流程或利用 AI 进行创意内容生产的开发者和团队使用。",2,"2026-06-11 02:38:26","CREATED_QUERY"]