Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

portal-action

Estrellas3

Forks1

Actualizado14 de julio de 2026 a las 14:29

Overlay/floating UI conventions in the AMC web repo — use the homegrown `portal` action from $lib/utils/portal (svelte-portal package is not used/dependency), as done in Tooltip and Modal. Read before building modals, tooltips, or popovers.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

ASEAN-Motor-Club

ASEAN-Motor-Club/amc-web

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores de softwareOcupaciones informáticas y matemáticas·SOC 15-1252

SKILL.md

readonly

name	portal-action
description	Overlay/floating UI conventions in the AMC web repo — use the homegrown `portal` action from $lib/utils/portal (svelte-portal package is not used/dependency), as done in Tooltip and Modal. Read before building modals, tooltips, or popovers.

portal action

Floating/overlay UI (Tooltip, Modal in src/lib/ui/) renders outside the component tree via the portal Svelte action at src/lib/utils/portal.ts, used as use:portal={'body'} or use:portal={someElement}.
This replaces the old svelte-portal npm package, which predates Svelte 5 and has no Svelte 5-specific release — it is not a dependency of this repo. Don't reach for it or reintroduce it.
For any new overlay component (popover, dropdown panel, toast), use use:portal — never manually append to document.body.
Prefer reusing/extending the existing Modal and Tooltip components before writing a new overlay; also see ClickAwayBlock for dismiss-on-outside-click behavior.

Related: [[codebase-patterns]], [[project-structure]]

Más de este repositorio

mismo repositorio

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

name	portal-action
description	Overlay/floating UI conventions in the AMC web repo — use the homegrown `portal` action from $lib/utils/portal (svelte-portal package is not used/dependency), as done in Tooltip and Modal. Read before building modals, tooltips, or popovers.

portal action

Floating/overlay UI (Tooltip, Modal in src/lib/ui/) renders outside the component tree via the portal Svelte action at src/lib/utils/portal.ts, used as use:portal={'body'} or use:portal={someElement}.
This replaces the old svelte-portal npm package, which predates Svelte 5 and has no Svelte 5-specific release — it is not a dependency of this repo. Don't reach for it or reintroduce it.
For any new overlay component (popover, dropdown panel, toast), use use:portal — never manually append to document.body.
Prefer reusing/extending the existing Modal and Tooltip components before writing a new overlay; also see ClickAwayBlock for dismiss-on-outside-click behavior.

Related: [[codebase-patterns]], [[project-structure]]