nexu-io/html-anything

motion-frames

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

View source

How to use

  1. Copy the installation command and review the source package before installing it in your own agent environment.
  2. Check the source document for required tools, credentials and supported hosts.
  3. Describe your input and desired deliverable; review the output against the source material.
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/motion-frames --skill motion-frames

Before you start

  • Installation does not include a model subscription, API allowance or permission to access your files.
  • Repository stars and installation counts describe activity, not an independent quality or security test.
Original skill document

Rendered from the source repository. Headings, examples, code, tables, links, and referenced images are preserved.

【模板: Motion 帧 / Hero Loop】 【意图】一帧带循环动效的 hero, 可作为视频片头或落地页大图。 【布局】

  • Rotating type ring (SVG + transform)
  • Animated globe / 抽象几何
  • Ticking timer (mono 字体, JS 可有可无)
  • Parallax labels 浮动

【设计细节】

  • 纯 CSS 动效, 流畅可循环
  • 电影感调色 + 1 个霓虹 accent
from this repository

More skills

All skills