MIT ライセンスの Agent Skills 集合（HTML）。プロンプトから単体 HTML アニメーションを生成し、`skills` CLI または git clone で DeepSeek Harness を含む Skills 規格対応 Agent に導入できます。
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.
02DeepSeek 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 とどう連携する？
ネイティブな dsh ランタイムではなく、Agent Skill として連携します。`SKILL.md` の形式は Agent 非依存で、スキルフォルダを Agent のスキルディレクトリに置くと、Agent が指示から自動起動し単体 HTML アニメーションを生成します。
どんなアニメーションを作れる？
リポジトリに 8 スキル同梱：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 固定クローン（方式 B）を使ってください。README は既定が `main` 最新と注記しています。
07関連する DSH ワークフロー
dsh-web
by zhu1090093659
DeepSeek Harness（dsh）の Web プラグインを集約するエコシステムパッケージ。すべてがプラグインであり、クリエイティブワークショップ（dsh-market.com）経由で配布されます。
petdex
by crafter-station
Claude Code、DeepSeek Harness、Gemini CLI などで使えるアニメーションペットの公開ギャラリー
j-space-cognition-suite-v3.7
by tiger3807861189
Anthropic の J-space グローバルワークスペース研究に基づく、AI 認知強化スキル集。思考を整理しながら作業を進めたい日本のユーザー向けのスイートです。
dsh-deep-whale
by small-tailqwq
DSH Web GUI 用の鯨っ娘テーマスキン（深海メイド工房 maid-atelier、ライト/ダーク両モード対応、CC BY-NC-SA 4.0）
08データと出典
基于 WorkBuddy / Claude Code / Cursor 等 AI Agent 的**动效 Skill 集合**。
安装后，AI Agent 会根据你的描述自动激活对应 Skill，生成完整的单文件 HTML 动画。
`SKILL.md` 格式与 Agent 无关，只要 Agent 支持 Skills 规范，将文件夹复制到对应目录即可。
このページは、プロジェクトの公開ドキュメント、リポジトリのメタデータ、および DSH Plugins の構造化解析に基づいて生成されています。最終検証日：2026-08-30。誤りを見つけた場合は、修正を送信してください。
dsh プラグイン おすすめ
最初に入れたい 12 のプラグイン。全カタログ・全カテゴリから厳選しました。