Motion Frames

Name: Motion Frames
Author: yanacuti1121

ASecurity

可循环 CSS 动效组合: 旋转环、地球仪、计时器、视差标签

3 stars
0 votes
0 copies
2 views
Added September 9, 2026

ai-agentsgo

Security analysis

A100/100

Pro scans all 2 files and shows the line behind each finding

Scanned September 9, 2026

npx -y skills add yanacuti1121/Yana-AI --skill motion-frames --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Motion Frames?

Add the live security badge to your README. It updates with every re-scan.

[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/yanacuti1121-motion-frames/badge)](https://www.skillsdirectory.com/skills/yanacuti1121-motion-frames)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro

SKILL.md

---
name: motion-frames
zh_name: "动效英雄帧"
en_name: "Motion Frames"
emoji: "🌀"
description: "可循环 CSS 动效组合: 旋转环、地球仪、计时器、视差标签"
category: video
scenario: marketing
aspect_hint: "桌面 hero"
featured: 6
tags: ["motion", "title card", "loop", "video poster"]
---

【模板: Motion 帧 / Hero Loop】
【意图】一帧带循环动效的 hero, 可作为视频片头或落地页大图。
【布局】
- Rotating type ring (SVG + transform)
- Animated globe / 抽象几何
- Ticking timer (mono 字体, JS 可有可无)
- Parallax labels 浮动
【设计细节】
- 纯 CSS 动效, 流畅可循环
- 电影感调色 + 1 个霓虹 accent

Files in this skill

SKILL.md688 B
example.html8.2 KB

Attribution

yanacuti1121View source See grades on GitHub More from yanacuti1121

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…