Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

ngx-layout-image-marker

Étoiles2

Forks1

Mis à jour2 juin 2026 à 08:25

ngx-image-marker for MarkerJs2/MarkerLive annotations on images from @ibenvandeveire/ngx-layout. ZoneJS workarounds included.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

IbenTesara

IbenTesara/opensource

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·SOC 15-1252

SKILL.md

readonly

name	ngx-layout-image-marker
description	ngx-image-marker for MarkerJs2/MarkerLive annotations on images from @ibenvandeveire/ngx-layout. ZoneJS workarounds included.

ngx-layout — Image marker

MarkerJs2 + MarkerLive. Some MarkerJs2 features reimplemented for ZoneJS compatibility.

<ngx-image-marker
  image="/assets/plan.png"
  imageDescription="Floor plan"
  [canEdit]="editing()"
  [startState]="markerState()"
  (stateUpdated)="markerState.set($event)"
/>

Input/Output	Purpose
`canEdit`	Edit vs view mode
`startState`	Initial annotations
`stateUpdated`	Emits on edit changes
`markerClicked`	View mode marker click
`zoomLevels` / `currentZoomLevel`	Zoom control
`markerTypes`	Restrict tools — separate types for view vs edit packages

Styling

Classes map to MarkerJS style settings: ngx-image-marker-toolbar, -toolbox, -notes-area, etc.

Accessibility

No keyboard support in MarkerJS — inform users; compliance work in progress.

Plus depuis ce dépôt

même dépôt

ngx-authentication-directives-pipes

IbenTesara/opensource

Template directives ngxIsAuthenticated, ngxHasFeature, ngxHasPermission and impure pipes from @ibenvandeveire/ngx-authentication.

2026-06-022

ngx-authentication-guards

IbenTesara/opensource

Route guards from @ibenvandeveire/ngx-authentication: NgxIsAuthenticatedGuard, NgxHasFeatureGuard, NgxHasPermissionGuard. Use with NgxAuthenticatedRoute data.

2026-06-022

ngx-authentication-http-client

IbenTesara/opensource

NgxAuthenticatedHttpClient and provideNgxAuthenticationConfiguration httpClientConfiguration. Use for base URL, withCredentials, authenticated interceptors, and download helper.

2026-06-022

ngx-authentication-service

IbenTesara/opensource

NgxAuthenticationAbstractService state: user$, session$, metadata$, hasFeature, hasPermission, global features. Use after provideNgxAuthenticationConfiguration.

2026-06-022

ngx-authentication-setup

IbenTesara/opensource

Bootstrap @ibenvandeveire/ngx-authentication with provideNgxAuthenticationConfiguration and NgxAuthenticationAbstractService. Use when wiring sign-in/out and auth types.

2026-06-022

ngx-cookies

IbenTesara/opensource

Angular wrapper for CookieConsent V3 and cookie helpers from @ibenvandeveire/ngx-cookies. Use for setupCookiesHandler, consent observables, set/get/remove cookie, or *hasCookie directive.

2026-06-022

name	ngx-layout-image-marker
description	ngx-image-marker for MarkerJs2/MarkerLive annotations on images from @ibenvandeveire/ngx-layout. ZoneJS workarounds included.

ngx-layout — Image marker

MarkerJs2 + MarkerLive. Some MarkerJs2 features reimplemented for ZoneJS compatibility.

<ngx-image-marker
  image="/assets/plan.png"
  imageDescription="Floor plan"
  [canEdit]="editing()"
  [startState]="markerState()"
  (stateUpdated)="markerState.set($event)"
/>

Input/Output	Purpose
`canEdit`	Edit vs view mode
`startState`	Initial annotations
`stateUpdated`	Emits on edit changes
`markerClicked`	View mode marker click
`zoomLevels` / `currentZoomLevel`	Zoom control
`markerTypes`	Restrict tools — separate types for view vs edit packages

Styling

Classes map to MarkerJS style settings: ngx-image-marker-toolbar, -toolbox, -notes-area, etc.

Accessibility

No keyboard support in MarkerJS — inform users; compliance work in progress.