메뉴
OpenLayers (ol) usage in the AMC web repo — build on the OlMap/EditorOlMap wrappers, re-project coordinates, use WebGL layers for large point sets, style from tw-var. Read before writing any ol code.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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.
| name | openlayers |
| description | OpenLayers (ol) usage in the AMC web repo — build on the OlMap/EditorOlMap wrappers, re-project coordinates, use WebGL layers for large point sets, style from tw-var. Read before writing any ol code. |
ol)ol/Map in routes or features — build on the wrappers: src/lib/ui/OlMap/ (display) and src/lib/ui/EditorOlMap/ (editing). Pass overlays via the layers?: BaseLayer[] prop.reProjectPoint from $lib/ui/OlMap/utils before creating geometries (see [[map-system]] for the projection details).WebGLVectorLayer for large/frequently-updated point sets (players, delivery points); plain VectorLayer only for small overlays.Fill, Stroke, Style, Text) take colors/fonts from $lib/tw-var exports (colorEmerald400, fontSans, textXs, adjustOpacity) — never hardcode hex values.ol/layer/Vector, ol/source/Vector, ol/geom/Point, …) for tree-shaking, matching existing imports.onPointerMove / onClick callbacks (MapBrowserEvent), not direct map listeners.Related: [[map-system]], [[project-structure]]