返回目录

ai_animation

维护状态: 活跃

unclecheng-li/ai_animation

本项目整理了用于生成[炫酷 HTML 动画网页]的 AI Prompts,涵盖动画效果、3D 可视化、PPT 风格演示、UI 美化等多个类别。

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

1,188

星标

97

Fork

HTML

语言

MIT

许可证

2026-04-11

创建于

2026-08-29

最近推送

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.

安装步骤

  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

验证接入成功

作者未说明

03DSH 适配与能力边界

DSH 适配兼容

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

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.
2026-04-112026-08-29作者未说明

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` 最新版。

08数据与来源

  • 作者声明github.comd8a02cc811f6…

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

  • 作者声明github.comd8a02cc811f6…

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

  • 作者声明github.comd8a02cc811f6…

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

页面基于项目公开文档、仓库元数据和 DSH Plugins 的结构化解析生成;最后核验于 2026-08-30。发现错误?提交更正。

🏆

最佳 DeepSeek Harness 插件

从全目录挑出的 12 个值得优先安装的插件,覆盖各个分类。

DSH Plugins 是独立的 DeepSeek Harness 插件市场,与 DeepSeek 官方无关,也不代表官方背书。第三方插件未经安全审计,安装前请审查源码。

每周获取最新的 DeepSeek Harness 插件,绝不滥发。