nexu-io/html-anything

sprite-animation

像素美术 + kinetic 字体的解说帧, 纯 CSS 循环, 可录视频

Zobacz źródło

Jak używać

  1. Skopiuj polecenie instalacji i sprawdź źródła przed instalacją we własnym środowisku agenta.
  2. W oryginale sprawdź wymagane narzędzia, dane dostępowe i obsługiwane środowiska.
  3. Opisz dane wejściowe i oczekiwany rezultat; porównaj wynik ze źródłami.
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/sprite-animation --skill sprite-animation

Przed rozpoczęciem

  • Instalacja nie obejmuje subskrypcji modelu, limitu API ani uprawnień do plików.
  • Gwiazdki i instalacje pokazują aktywność, a nie niezależny test jakości lub bezpieczeństwa.
Oryginalny dokument Skill

Treść z repozytorium z zachowaniem nagłówków, przykładów, kodu, tabel, linków i obrazów.

【模板: 像素 / 8-bit 动画解说】 【意图】教育型动画的单帧海报, 纯 CSS keyframes 循环, 不用 JS。 【布局】

  • Full-bleed cream stage
  • Bold display year / 大字数字
  • 中心一个像素艺术 mascot (SVG 或纯 CSS 绘制)
  • kinetic 中文 / 日文 display 字
  • 底部 timeline ribbon 一直走

【设计细节】

  • 动画用 @keyframes, 不依赖 JS
  • 复古调色板: 红 / 米 / 墨绿
z tego samego repozytorium

Więcej Skills

Wszystkie Skills