Run any Skill in Manus with one click

portal-action

Stars3

Forks1

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

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	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]]

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

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]]