wehub-resource-sync
070959e133
landing-page-staging / Deploy landing page to staging (push) Has been skipped
landing-page-ci / Validate landing page (push) Failing after 4s
visual-baseline / Capture visual baselines (push) Has been cancelled
bake-plugin-previews / Bake plugin previews (push) Has been cancelled
130 lines
9.6 KiB
JSON
130 lines
9.6 KiB
JSON
{
|
||
"$schema": "https://open-design.ai/schemas/plugin.v1.json",
|
||
"specVersion": "1.0.0",
|
||
"name": "example-sprite-animation",
|
||
"title": "Sprite Animation",
|
||
"title_i18n": {
|
||
"zh-CN": "精灵图动画",
|
||
"zh-TW": "精靈圖動畫",
|
||
"ja": "スプライトアニメーション",
|
||
"ko": "스프라이트 애니메이션",
|
||
"de": "Sprite-Animation",
|
||
"fr": "Animation Sprite",
|
||
"ru": "Спрайт-анимация",
|
||
"es": "Animación Sprite",
|
||
"pt-BR": "Animação Sprite",
|
||
"it": "Animazione Sprite",
|
||
"vi": "Hoạt Ảnh Sprite",
|
||
"pl": "Animacja Sprite",
|
||
"id": "Animasi Sprite",
|
||
"nl": "Sprite-animatie",
|
||
"ar": "رسوم متحركة سبرايت",
|
||
"tr": "Sprite Animasyonu",
|
||
"uk": "Спрайт-анімація",
|
||
"en": "Sprite Animation"
|
||
},
|
||
"version": "0.1.0",
|
||
"description": "A pixel / sprite-style animated explainer slide — full-bleed cream stage, bold display year, animated pixel-art mascot (e.g. Hanafuda card, mushroom, or 8-bit console), kinetic Japanese display type, ticking timeline ribbon. Reads like a single frame of an educational motion video — looping CSS keyframes, no JS, ready to be screen-recorded into a vertical video. Use when the brief asks for a \"sprite animation\", \"pixel-art video\", \"8-bit explainer\", \"history of X explainer\", \"kinetic typography history\", \"Nintendo-style\", \"精灵图动画\", \"像素动画\", or \"复古动画\".",
|
||
"description_i18n": {
|
||
"zh-CN": "像素风格的动画解说幻灯片，配有奶油色背景、粗体年份显示、像素艺术吉祥物（如花札卡、蘑菇或8位游戏机）、动态日文字体和时间轴条带。纯CSS动画，无需JS，可直接录制为竖屏视频。适合像素动画、8位解说、复古动画等需求。",
|
||
"zh-TW": "像素風格的動畫解說投影片，配有奶油色背景、粗體年份顯示、像素藝術吉祥物（如花札卡、蘑菇或8位元遊戲機）、動態日文字體和時間軸條帶。純CSS動畫，無需JS，可直接錄製為直式影片。適合像素動畫、8位元解說、復古動畫等需求。",
|
||
"ja": "ピクセルアート風のアニメーション解説スライド。クリーム色の背景、太字の年号表示、ピクセルアートのマスコット（花札カード、キノコ、8ビットゲーム機など）、動的な日本語タイポグラフィとタイムラインリボンを特徴とします。CSS アニメーションのみで、縦動画として録画可能。",
|
||
"ko": "픽셀 아트 스타일의 애니메이션 설명 슬라이드. 크림색 배경, 굵은 연도 표시, 픽셀 아트 마스코트(화투 카드, 버섯, 8비트 콘솔 등), 동적 일본어 타이포그래피와 타임라인 리본을 포함합니다. CSS 애니메이션만 사용하며 세로 동영상으로 녹화 가능합니다.",
|
||
"de": "Animierte Erklärfolie im Pixel-Art-Stil mit cremefarbenem Hintergrund, fetter Jahreszahlanzeige, animiertem Pixel-Art-Maskottchen (z. B. Hanafuda-Karte, Pilz oder 8-Bit-Konsole), kinetischer japanischer Typografie und Timeline-Band. Reine CSS-Animation, bereit für Hochformatvideo-Aufnahme.",
|
||
"fr": "Diapositive animée explicative en style pixel art avec fond crème, année en caractères gras, mascotte en pixel art (carte Hanafuda, champignon ou console 8-bit), typographie japonaise cinétique et ruban chronologique. Animation CSS pure, prête à être enregistrée en vidéo verticale.",
|
||
"ru": "Анимированный слайд-объяснение в пиксельном стиле с кремовым фоном, жирным отображением года, анимированным пиксельным талисманом (карта Hanafuda, гриб или 8-битная консоль), кинетической японской типографикой и лентой таймлайна. Чистая CSS-анимация, готовая к записи в вертикальное видео.",
|
||
"es": "Diapositiva explicativa animada en estilo pixel art con fondo crema, año en negrita, mascota en pixel art (carta Hanafuda, hongo o consola de 8 bits), tipografía japonesa cinética y cinta de línea de tiempo. Animación CSS pura, lista para grabar en video vertical.",
|
||
"pt-BR": "Slide explicativo animado em estilo pixel art com fundo creme, ano em negrito, mascote em pixel art (carta Hanafuda, cogumelo ou console 8-bit), tipografia japonesa cinética e faixa de linha do tempo. Animação CSS pura, pronta para gravação em vídeo vertical.",
|
||
"it": "Slide esplicativa animata in stile pixel art con sfondo crema, anno in grassetto, mascotte in pixel art (carta Hanafuda, fungo o console 8-bit), tipografia giapponese cinetica e nastro timeline. Animazione CSS pura, pronta per la registrazione in video verticale.",
|
||
"vi": "Slide giải thích hoạt ảnh phong cách pixel art với nền màu kem, năm in đậm, linh vật pixel art (thẻ Hanafuda, nấm hoặc máy chơi game 8-bit), typography Nhật Bản động và dải thời gian. Hoạt ảnh CSS thuần, sẵn sàng quay thành video dọc.",
|
||
"pl": "Animowany slajd wyjaśniający w stylu pixel art z kremowym tłem, pogrubionym rokiem, animowaną maskotką pixel art (karta Hanafuda, grzyb lub konsola 8-bitowa), kinetyczną japońską typografią i wstążką osi czasu. Czysta animacja CSS, gotowa do nagrania jako wideo pionowe.",
|
||
"id": "Slide penjelasan animasi bergaya pixel art dengan latar krem, tampilan tahun tebal, maskot pixel art (kartu Hanafuda, jamur, atau konsol 8-bit), tipografi Jepang kinetik, dan pita timeline. Animasi CSS murni, siap direkam menjadi video vertikal.",
|
||
"nl": "Geanimeerde uitlegslide in pixel-art-stijl met crèmekleurige achtergrond, vetgedrukt jaar, geanimeerde pixel-art-mascotte (Hanafuda-kaart, paddenstoel of 8-bit-console), kinetische Japanse typografie en tijdlijnlint. Pure CSS-animatie, klaar voor opname als verticale video.",
|
||
"ar": "شريحة توضيحية متحركة بأسلوب البكسل آرت مع خلفية كريمية، عرض سنة بخط عريض، تميمة بكسل آرت متحركة (بطاقة Hanafuda، فطر أو وحدة تحكم 8-bit)، طباعة يابانية حركية وشريط زمني. رسوم متحركة CSS نقية، جاهزة للتسجيل كفيديو عمودي.",
|
||
"tr": "Piksel sanatı tarzında animasyonlu açıklayıcı slayt; krem arka plan, kalın yıl gösterimi, animasyonlu piksel sanatı maskotu (Hanafuda kartı, mantar veya 8-bit konsol), kinetik Japonca tipografi ve zaman çizelgesi şeridi içerir. Saf CSS animasyonu, dikey video kaydına hazır.",
|
||
"uk": "Анімований пояснювальний слайд у піксельному стилі з кремовим фоном, жирним відображенням року, анімованим піксельним талісманом (карта Hanafuda, гриб або 8-бітна консоль), кінетичною японською типографікою та стрічкою таймлайну. Чиста CSS-анімація, готова до запису у вертикальне відео.",
|
||
"en": "A pixel / sprite-style animated explainer slide — full-bleed cream stage, bold display year, animated pixel-art mascot (e.g. Hanafuda card, mushroom, or 8-bit console), kinetic Japanese display type, ticking timeline ribbon. Reads like a single frame of an educational motion video — looping CSS keyframes, no JS, ready to be screen-recorded into a vertical video. Use when the brief asks for a \"sprite animation\", \"pixel-art video\", \"8-bit explainer\", \"history of X explainer\", \"kinetic typography history\", \"Nintendo-style\", \"精灵图动画\", \"像素动画\", or \"复古动画\"."
|
||
},
|
||
"license": "MIT",
|
||
"author": {
|
||
"name": "Open Design",
|
||
"url": "https://github.com/nexu-io"
|
||
},
|
||
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/sprite-animation",
|
||
"tags": [
|
||
"example",
|
||
"first-party",
|
||
"prototype",
|
||
"marketing",
|
||
"web",
|
||
"desktop",
|
||
"sprite-animation",
|
||
"pixel-art-animation",
|
||
"8-bit-explainer",
|
||
"retro-animation",
|
||
"kinetic-typography",
|
||
"history-explainer",
|
||
"nintendo-style",
|
||
"untitled"
|
||
],
|
||
"compat": {
|
||
"agentSkills": [
|
||
{
|
||
"path": "./SKILL.md"
|
||
}
|
||
]
|
||
},
|
||
"od": {
|
||
"kind": "scenario",
|
||
"taskKind": "new-generation",
|
||
"mode": "prototype",
|
||
"platform": "desktop",
|
||
"scenario": "marketing",
|
||
"surface": "web",
|
||
"preview": {
|
||
"type": "html",
|
||
"entry": "./example.html"
|
||
},
|
||
"useCase": {
|
||
"query": {
|
||
"en": "Create a sprite-based animation introducing trivia about Nintendo's history. Combine pixel mascots, animated text, and a Hanafuda accent. Use color and type that feel like the Nintendo brand.",
|
||
"zh-CN": "使用这个插件完成以下任务：Create a sprite-based animation introducing trivia about Nintendo's history. Combine pixel mascots, animated text, and a Hanafuda accent. Use color and type that feel like the Nintendo brand."
|
||
},
|
||
"exampleOutputs": [
|
||
{
|
||
"path": "./example.html",
|
||
"title": "Sprite Animation"
|
||
}
|
||
]
|
||
},
|
||
"context": {
|
||
"skills": [
|
||
{
|
||
"path": "./SKILL.md"
|
||
}
|
||
],
|
||
"designSystem": {
|
||
"primary": true
|
||
},
|
||
"assets": [
|
||
"./example.html"
|
||
]
|
||
},
|
||
"pipeline": {
|
||
"stages": [
|
||
{
|
||
"id": "generate",
|
||
"atoms": [
|
||
"file-write",
|
||
"live-artifact"
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"capabilities": [
|
||
"prompt:inject",
|
||
"fs:write"
|
||
]
|
||
}
|
||
}
|