lottie

Sterne3

Forks1

Aktualisiert3. Juli 2026 um 18:25

Lottie animation usage in the AMC web repo — render through the Lottie UI component, store animation JSONs in src/lib/assets/lottie. Read before adding vector animations.

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

ASEAN-Motor-Club

ASEAN-Motor-Club/amc-web

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

SoftwareentwicklerInformatik- und Mathematikberufe·SOC 15-1252

SKILL.md

readonly

name	lottie
description	Lottie animation usage in the AMC web repo — render through the Lottie UI component, store animation JSONs in src/lib/assets/lottie. Read before adding vector animations.

lottie-web

Render Lottie animations through the wrapper component src/lib/ui/Lottie/ — never import lottie-web directly in feature code.
Animation JSON files live in src/lib/assets/lottie/.
Lottie is for pre-authored vector animations (illustrations, loaders); for scripted UI motion use CSS/Svelte transitions or GSAP (see [[gsap]]).

Related: [[gsap]], [[project-structure]]

Mehr aus diesem Repository

gleiches Repository

pakop-wasm

ASEAN-Motor-Club/amc-web

The pakop C#/.NET WASM module (CUE4Parse-based) — what it does (pak-file inspection/hashing), how to build it (pnpm build:pakop), and how to consume it (lazy dynamic import). Read before touching wasm/pakop or the pak routes.

2026-07-143

api-layer

ASEAN-Motor-Club/amc-web

How to fetch data in the AMC web app — the apiClient helper, visibility-aware polling / EventSource / WebSocket wrappers in src/lib/api/_api.ts, per-domain API modules, and protobuf decoding. Read before adding any network call.

2026-07-143

app-shell

ASEAN-Motor-Club/amc-web

The AMC app shell — hooks.server.ts prerender-time head injection (SEO meta, theme-color, font preloads, icons), hooks.ts URL delocalization, and asset import suffixes (?no-inline, ?url). Read before changing global head tags, fonts, SEO metadata, or hooks.

2026-07-143

architecture

ASEAN-Motor-Club/amc-web

High-level architecture of the AMC web app — SvelteKit static/SPA hybrid, Vite plugin pipeline, i18n strategy, WASM modules, dev-server proxies. Read before making structural or build-related changes.

2026-07-143

es-toolkit

ASEAN-Motor-Club/amc-web

Utility function conventions in the AMC web repo — es-toolkit for lodash-like helpers (lodash-es was removed), but check src/lib/utils first. Read before adding utility helpers.

2026-07-143

path-aliases

ASEAN-Motor-Club/amc-web

Import path aliases ($lib, $messages) and workspace packages used in the AMC web repo. Read when writing imports or resolving where a module comes from.

2026-07-143

Jeden Skill mit einem Klick ausführen