Run any Skill in Manus with one click

lottie

Stars3

Forks1

UpdatedJuly 3, 2026 at 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

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

ASEAN-Motor-Club

ASEAN-Motor-Club/amc-web

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·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]]

More from this repository

same 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

Run any Skill with one click