nexu-io/html-anything

motion-frames

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

Vedi sorgente

Come usare

  1. Copia il comando e controlla il pacchetto prima di installarlo nel tuo ambiente agente.
  2. Controlla strumenti, credenziali e ambienti richiesti nel documento originale.
  3. Descrivi input e risultato desiderato; confronta l’output con le fonti.
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/motion-frames --skill motion-frames

Prima di iniziare

  • L’installazione non include abbonamenti, quote API o accesso ai file.
  • Stelle e installazioni indicano attività, non un test indipendente di qualità o sicurezza.
Documento Skill originale

Contenuto dal repository con titoli, esempi, codice, tabelle, link e immagini preservati.

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

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

【设计细节】

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

Altri Skills

Tutti gli Skills