nexu-io/html-anything

sprite-animation

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

ソースを見る

使い方

  1. インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
  2. 必要なツール、認証情報、対応環境を原文で確認します。
  3. 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/sprite-animation --skill sprite-animation

開始前の確認

  • 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
  • スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文

見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。

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

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

【设计细节】

  • 动画用 @keyframes, 不依赖 JS
  • 复古调色板: 红 / 米 / 墨绿
同じリポジトリから

関連する Skills

すべての Skills