Back to directory

ai_animation

Maintenance: Active

unclecheng-li/ai_animation

A collection of AI prompts for generating polished HTML animation web pages — covering animation effects, 3D visualizations, PPT-style presentations, and UI beautification.

View on GitHub
$ npx skills add https://github.com/Unclecheng-li/AI_Animation # install all skills (recommended)

1,188

stars

97

forks

HTML

Language

MIT

License

2026-04-11

Created

2026-08-29

Last push

MIT-licensed Agent Skills collection (HTML) that generates single-file HTML animations from a prompt and installs into any Skills-spec AI agent, including DeepSeek Harness, via the `skills` CLI or git clone.

DSH integration

Compatible

Author-claimed

Safety audit

Unaudited

Last verified

2026-08-30

License

MIT

01What can it help you accomplish?

  • 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.

02How to install into DeepSeek Harness

Prerequisites

  • An AI Agent that supports the Skills spec — the README's compatibility matrix lists WorkBuddy, Claude Code, Cursor, Codex CLI and Gemini CLI.

Installation steps

  1. 01

    $ npx skills add https://github.com/Unclecheng-li/AI_Animation # install all skills (recommended)

  2. 02

    $ npx skills add https://github.com/Unclecheng-li/AI_Animation/tree/main/skills/ppt-animation # install a single skill

  3. 03

    $ git clone https://github.com/Unclecheng-li/AI_Animation.git # then copy skills/<skill-name> into your agent's skills directory

Verify the integration

Not specified by the author

03DSH integration and capability boundaries

DSH integrationCompatible

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 specinstalled skill auto-activated from your prompt

04Who is it for? When not to use it?

Good for

  • 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.

05Compatibility, maintenance and safety notes

  • 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.
2026-04-112026-08-29Not specified by the author

MIT · actively maintained (default branch master, last push 2026-08-29, no published release)

06Frequently asked questions

How do I install AI Animation Skills into DeepSeek Harness?

Use the `skills` CLI: run `npx skills add https://github.com/Unclecheng-li/AI_Animation` to install all skills, or add a single one such as `npx skills add https://github.com/Unclecheng-li/AI_Animation/tree/main/skills/ppt-animation`. Alternatively, `git clone https://github.com/Unclecheng-li/AI_Animation.git` and copy `skills/<skill-name>` into DeepSeek Harness's skills directory.

What are the prerequisites?

You need an AI Agent that supports the Skills spec — the README's compatibility matrix lists WorkBuddy, Claude Code, Cursor, Codex CLI and Gemini CLI. DeepSeek Harness is not in the listed/tested matrix, so treat the integration as compatible-but-unverified by the maintainer.

How does it connect to DeepSeek Harness?

It connects as an Agent Skill, not a native dsh runtime. The `SKILL.md` format is agent-agnostic: once the skill folder is in the agent's skills directory, the agent auto-activates it from your prompt and generates a single-file HTML animation.

What kinds of animations can it produce?

Eight skills ship in the repo: ppt-animation, flowchart, network-protocol-viz, dynamic-archify, scholar-notes, card-theater, video-shot-demos and phone-ui-demos — covering decks, flowcharts, network/protocol visualizations, architecture diagrams, study notes, 3D card carousels, cinematic video storyboards and phone-UI demos.

How do I get reproducible installs?

By default the `skills` CLI installs the latest `main` branch version. For a fixed version use a release tag (Option C, GitHub Releases `.zip`) or a commit-pinned clone (Option B), since the README notes the default is `main` latest.

08Data and sources

  • Author-claimedgithub.comd8a02cc811f6…

    基于 WorkBuddy / Claude Code / Cursor 等 AI Agent 的**动效 Skill 集合**。

  • Author-claimedgithub.comd8a02cc811f6…

    安装后,AI Agent 会根据你的描述自动激活对应 Skill,生成完整的单文件 HTML 动画。

  • Author-claimedgithub.comd8a02cc811f6…

    `SKILL.md` 格式与 Agent 无关,只要 Agent 支持 Skills 规范,将文件夹复制到对应目录即可。

This page is generated from the project’s public documentation, repository metadata and a structured parse of DSH Plugins; last verified on 2026-08-30. Found an error? Submit a correction.

🏆

Best DeepSeek Harness Plugins

Twelve plugins worth installing first — picked from the whole catalog, across every category.

DSH Plugins is an independent community directory of DeepSeek Harness plugins. Not affiliated with or endorsed by DeepSeek. Third-party plugins are not security-audited — review the source before installing.

New DeepSeek Harness plugins, weekly. No spam.