设计资源DESIGN· MOTION
XiaoyeCodes/code-animation-prompts
给代码动画选风格的离线工具包，含341种提示词和参考图，装进Claude Code或Codex就能用。Offline library of 341 code animation style prompts with reference stills, a picker, and one-click import for Claude Code and Codex.
根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
做出带编号风格的代码动画
按编号快速选出341种风格
把主题词做成12秒粒子动画
用风格挑选器先看静帧再选
一键装成Claude Code可用技能
Browse 341 animation styles offline
Preview 193 reference stills
Import prompts into Claude Code or Codex
Generate HTML animations from prompts
Render video with Playwright and FFmpeg
上手GET STARTED
git clone https://github.com/XiaoyeCodes/code-animation-prompts.git选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
需检查Needs review
静态扫描STATIC SCAN
01控制浏览器Controls a browserreadme
查找风格、阅读提示词和使用挑选器，不需要渲染依赖。只有使用随附 HTML → MP4 工具时，需要 **Playwright + Chromium + FFmpeg**。
静态扫描发现一项中等级风险：随附的 HTML → MP4 视频渲染工具需要 Playwright、Chromium 和 FFmpeg，这些组件会控制浏览器。若不使用该渲染功能则不受影响；如需使用，建议在可信的本地环境操作。The static scan found a medium risk: the video rendering tool controls a browser via Playwright and Chromium, plus FFmpeg. Browsing styles and previewing stills does not require these dependencies.
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
29 OCT 202629 OCT 2026
增长GROWTH
+282.3%+282.3%
62 → 237 stars · 4 个快照62 → 237 stars · 4 snapshots
状态STATUS
新发布New
仓库里有 341 种风格提示词和 193 张参考静帧，可以先靠视觉挑选样式，再让编程助手生成可编辑的 HTML 动画。341 animation style prompts included
{
"agents": [
{
"agent": "claude-code",
"evidence": "readme: …种风格提示词 · 193 张参考静帧 · 10 个系列 · Claude Code & Codex Skill [![Styles](htt…"
},
{
"agent": "codex",
"evidence": "readme: …参考静帧 · 10 个系列 · Claude Code & Codex Skill [![Styles](https://img.shiel…"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 6,
"ai-tools": 3,
"dev-tools": 1,
"indie-web": 0,
"skill-agent": 11,
"productivity": 0
},
"primary": "design",
"secondary": "motion"
},
"localRuntime": "install: git-clone",
"skillMdTotal": 1,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 6,
"design": 7,
"browser": 1,
"devtool": 1,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "1 SKILL.md with name + description",
"weight": 0.95
},
{
"signal": "skills/ directory with 349 markdown files",
"weight": 0.75
},
{
"signal": "README describes a Claude / Agent Skill",
"weight": 0.7
},
{
"signal": "description mentions AI",
"weight": 0.2
}
],
"scannedSources": [
"readme",
"skills/code-animation-prompts/SKILL.md"
],
"skillMdFetched": 1
}