Animation

✨ 命令行动画代码工厂

命令行动画代码生成器,快速输出 CSS/SVG 关键帧、过渡与缓动函数,支持本地存储与链式组合。

收藏
3k
安装
1.1k
版本
1.0.0
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心用法

Animation 是一个面向前端开发者的命令行工具,专注于生成生产级 CSS 和 SVG 动画代码。用户通过 Bash 脚本调用,配合 Python 后端,可创建从简单淡入淡出到复杂多步骤序列的各类动画效果。

主要功能模块:

  • 基础动画创建:通过 create 命令定义属性变化(如 opacity、transform),自动生成带 UUID 的动画记录
  • 关键帧生成keyframe 命令支持百分比节点定义,生成标准 @keyframes 代码块
  • 过渡与缓动transitioneasing 命令覆盖 CSS 时间函数,内置常用曲线库,支持自定义 cubic-bezier
  • 序列与链式sequencechain 实现动画编排,支持延迟配置与循环设置
  • 导出与预览export 输出独立 CSS/SVG 文件,preview 生成自包含 HTML 演示页

数据管理:所有动画以 JSONL 格式持久化存储于 ~/.animation/data.jsonl,便于版本控制与跨项目复用。

显著优点

1. 离线可用:纯本地运行,无网络依赖,代码生成零延迟
2. 生产就绪:输出符合 W3C 标准的 CSS/SVG 代码,可直接集成到项目

3. 可组合性:通过名称引用实现动画复用,链式调用降低复杂动效的开发成本

4. 轻量依赖:仅需 Python 3.6+ 和 Bash 4+,无重型框架负担

潜在缺点与局限性

  • 平台限制:Bash 脚本在 Windows 原生环境需 Git Bash/WSL 支持
  • 无可视化编辑:纯 CLI 工作流,对偏好 GUI 的设计-开发协作场景不够友好
  • SVG 功能边界export --format svg 仅支持 <animate> / <animateTransform>,复杂 SMIL 交互需手动扩展
  • 社区生态:作为个人项目(BytesAgain),长期维护与社区贡献活跃度存疑

适合人群

  • 需要快速产出标准化动画代码的前端工程师
  • 偏好命令行工作流、追求可脚本化/可自动化的开发者
  • 需要离线环境或敏感代码场景下本地生成动画的团队

常规风险

| 风险类别 | 说明 |
|---------|------|
| 代码注入 | 命令参数直接拼接进生成的 CSS/SVG,若 `name`、`property` 等字段包含恶意脚本,预览 HTML 时可能触发 XSS(建议对用户输入做校验) |
| 路径遍历 | `~/.animation/data.jsonl` 的目录创建依赖环境变量,异常 HOME 配置可能导致数据写入非预期位置 |
| 依赖安全 | Python/Bash 版本过旧可能带来基础运行时漏洞,建议保持依赖更新 |
| 数据丢失 | 本地 JSONL 文件无自动备份机制,误操作或磁盘故障导致动画库丢失 |

安全建议

  • 在 CI/CD 中集成该工具时,对 --name--property 等参数实施白名单校验
  • 定期备份 ~/.animation/ 目录,或将其纳入 dotfiles 版本管理
  • 预览生成的 HTML 文件在浏览器中打开时,建议使用无敏感数据的隔离环境

Animation 内容

scripts文件夹
手动下载zip · 6.8 kB
script.shtext/x-shellscript
请选择文件