MIT 協議的 Agent Skills 集合（HTML），用一句話生成單檔 HTML 動畫，並透過 `skills` CLI 或 git clone 裝入任何支援 Skills 規範的 AI Agent（含 DeepSeek Harness）。
DSH 整合
相容
作者聲明
安全稽核
未稽核
最後核實
2026-08-30
授權條款
MIT
01它能幫你完成什麼？
Generate cool single-file HTML animations (PPT-style decks, flowcharts, network-protocol visualizations, dynamic architecture diagrams, study notes, card theater, video storyboards, phone-UI demos) by describing them to an AI Agent.
A complete single-file HTML animation per request — each skill is a self-contained folder with SKILL.md, README.md, references/ and assets/ templates.
Developers, educators and content creators who use AI coding agents (WorkBuddy / Claude Code / Cursor / Codex / Gemini) and want animated HTML deliverables without hand-writing code.
Add the animation skills to any AI Agent that supports the Skills spec (WorkBuddy, Claude Code, Cursor, Codex CLI, Gemini CLI) via the `skills` CLI or git clone.
Skills placed in the agent's skills directory (e.g. `~/.workbuddy/skills/<name>/`, `.claude/skills/<name>/`), auto-activated from your prompt.
Agent users who want a reusable, installable library of HTML-animation skills rather than one-off prompts.
02如何將外掛接入 DeepSeek Harness？
先決條件
- An AI Agent that supports the Skills spec — the README's compatibility matrix lists WorkBuddy, Claude Code, Cursor, Codex CLI and Gemini CLI.
安裝步驟
- 01
$ npx skills add https://github.com/Unclecheng-li/AI_Animation # install all skills (recommended)
- 02
$ npx skills add https://github.com/Unclecheng-li/AI_Animation/tree/main/skills/ppt-animation # install a single skill
- 03
$ git clone https://github.com/Unclecheng-li/AI_Animation.git # then copy skills/<skill-name> into your agent's skills directory
驗證整合成功
作者未說明
03DSH 整合程度與能力邊界
Install skills into DeepSeek Harness's skills directory via the `skills` CLI (npx) or git clone; the agent auto-activates the matching skill from your prompt.
Prompt-to-HTML animation generation
a natural-language description of the animation (e.g. '用 ppt-animation 制作一个关于"HTTP协议"的演示')→a complete single-file HTML animation
Eight-category skill gallery
skill selection via prompt (ppt-animation, flowchart, network-protocol-viz, dynamic-archify, scholar-notes, card-theater, video-shot-demos, phone-ui-demos)→category-specific HTML: PPT decks, flowcharts, network/protocol visualizations, architecture diagrams, study notes, 3D card carousels, cinematic video storyboards, phone-UI demos
Agent-agnostic skill install
an agent skills directory that supports the Skills spec→installed skill auto-activated from your prompt
04適合誰？何時不該用？
適合
- Developers, educators and content creators who use AI coding agents (WorkBuddy / Claude Code / Cursor / Codex / Gemini) and want animated HTML deliverables without hand-writing code.
- Agent users who want a reusable, installable library of HTML-animation skills rather than one-off prompts.
05相容性、維護與安全提醒
- By default the `skills` CLI installs the latest `main` branch version, not a pinned release tag or commit — reproducible installs need a release tag (Option C) or a commit-pinned clone (Option B).
- The README's compatibility matrix lists only WorkBuddy, Claude Code, Cursor, Codex CLI and Gemini CLI as supported/tested; DeepSeek Harness is not in the listed/tested matrix, so treat the integration as compatible-but-unverified by the maintainer.
MIT · actively maintained (default branch master, last push 2026-08-29, no published release)
06常見問題
怎麼裝進 DeepSeek Harness？
用 `skills` CLI：執行 `npx skills add https://github.com/Unclecheng-li/AI_Animation` 安裝全部，或 `npx skills add https://github.com/Unclecheng-li/AI_Animation/tree/main/skills/ppt-animation` 安裝單個。也可 `git clone https://github.com/Unclecheng-li/AI_Animation.git`，把 `skills/<skill-name>` 複製到 DeepSeek Harness 的技能目錄。
前置條件是什麼？
需要一個支援 Skills 規範的 AI Agent——README 相容矩陣列出 WorkBuddy、Claude Code、Cursor、Codex CLI、Gemini CLI。DeepSeek Harness 不在已列出/已測試矩陣中，因此視為「相容但未由維護者驗證」。
它如何連接 DeepSeek Harness？
它以 Agent Skill 形式接入，並非 dsh 原生執行環境。`SKILL.md` 格式與 Agent 無關：只要技能資料夾放入 Agent 的技能目錄，Agent 就會依你的描述自動啟動並生成單檔 HTML 動畫。
能生成哪些動畫？
倉庫內建 8 個 Skill：ppt-animation、flowchart、network-protocol-viz、dynamic-archify、scholar-notes、card-theater、video-shot-demos、phone-ui-demos，涵蓋簡報、流程圖、網路/協定視覺化、架構圖、筆記、3D 卡片輪播、電影級分鏡與手機 UI 示範。
如何固定版本以確保安裝可重現？
`skills` CLI 預設安裝 `main` 分支最新版本。要固定版本請用 release tag（方案 C，GitHub Releases `.zip`）或依 commit 固定 clone（方案 B），因為 README 註明預設是 `main` 最新版。
07相關的 DSH 工作流程
dsh-web
作者 zhu1090093659
DeepSeek Harness（DSH）Web 外掛聚合生態包 · 一切皆外掛，創意工坊分發
petdex
作者 crafter-station
面向 Codex、Claude Code、DeepSeek Harness 等智慧體的動效寵物公共相簿。
j-space-cognition-suite-v3.7
作者 tiger3807861189
J-Space Cognition Suite V3.7 - AI cognitive-enhancement Skills based on Anthropic's J-space global workspace research. | 嗶哩嗶哩：Tiger380 (UID 3494375382321675) — https://space.bilibili.com/3494375382321675
dsh-deep-whale
作者 small-tailqwq
Whale Girl skin series for DeepSeek Harness. 適用於 DeepSeek Harness 的，鯨魚娘系列皮膚。
08資料與來源
基于 WorkBuddy / Claude Code / Cursor 等 AI Agent 的**动效 Skill 集合**。
安装后，AI Agent 会根据你的描述自动激活对应 Skill，生成完整的单文件 HTML 动画。
`SKILL.md` 格式与 Agent 无关，只要 Agent 支持 Skills 规范，将文件夹复制到对应目录即可。
此頁面根據專案公開文件、儲存庫中繼資料與 DSH Plugins 的結構化解析所產生；最後核實於 2026-08-30。發現錯誤？提交更正。
最佳 DeepSeek Harness 外掛
從全目錄挑出的 12 個值得優先安裝的外掛，涵蓋各個分類。