Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

portal-action

Sterne3

Forks1

Aktualisiert14. Juli 2026 um 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

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

ASEAN-Motor-Club

ASEAN-Motor-Club/amc-web

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

SoftwareentwicklerInformatik- und Mathematikberufe·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]]

Mehr aus diesem Repository

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