メニュー
Animation guidance for the AMC web repo — when to use GSAP vs CSS/Svelte transitions. Read before adding animations.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | gsap |
| description | Animation guidance for the AMC web repo — when to use GSAP vs CSS/Svelte transitions. Read before adding animations. |
src/routes/championship/+page.svelte).prefersReducedMotion from svelte/motion before running decorative animations (the map wrapper already does this — follow that pattern).$lib/tw-var's defaultTransitionDurationMs (and cssTransitionToMs from src/lib/utils/) to keep JS-driven timing consistent with CSS.Related: [[codebase-patterns]], [[lottie]]
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.
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.
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.
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.
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.
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.