nexu-io/html-anything

motion-frames

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

Ver código fuente

Cómo usar

  1. Copia el comando y revisa el paquete antes de instalarlo en tu entorno de agente.
  2. Consulta las herramientas, credenciales y entornos necesarios en el documento original.
  3. Describe las entradas y el resultado deseado; contrasta la salida con las fuentes.
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/motion-frames --skill motion-frames

Antes de empezar

  • La instalación no incluye suscripción al modelo, cuota API ni permisos sobre tus archivos.
  • Las estrellas e instalaciones reflejan actividad, no una prueba independiente de calidad o seguridad.
Documento original del Skill

Contenido del repositorio de origen con títulos, ejemplos, código, tablas, enlaces e imágenes preservados.

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

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

【设计细节】

  • 纯 CSS 动效, 流畅可循环
  • 电影感调色 + 1 个霓虹 accent
del mismo repositorio

Más Skills

Todos los Skills