A Zitadel Preview
This repository also configures its own agents. See what nextgen tells them →
Skill Claude CodeCodex
Set up and manage Zitadel authentication in a local project with the agent-friendly zitadel CLI. Use when the user wants to add login, registration, or session handling, create a Zitadel project, scaffold auth for a Next.js, Nuxt, SvelteKit, SolidStart, Qwik Router, TanStack Start, React, Vue, Angular, Solid, Svelte…
Skill Claude CodeCodex
Integrate Zitadel authentication into an Angular app with @zitadel/sdk-angular — the client-side SPA components for login, registration, logout, and the signed-in session card. Use when adding or wiring Zitadel auth, a login or registration screen, or session handling into an Angular app, and especially when the app…
Skill Claude CodeCodex
Integrate Zitadel authentication into a Next.js App Router app with @zitadel/sdk-next. Use whenever the user wants to add Zitadel login, registration, logout, or session handling to a Next.js project — wiring the auth middleware/proxy, reading sessions in Server or Client Components, rendering the UI, or customizing…
Skill Claude CodeCodex
Integrate Zitadel authentication into an existing or custom Nuxt app with @zitadel/sdk-nuxt. Use when the user wants login, logout, session handling, or protected routes in a Nuxt 4 app and is wiring the SDK by hand rather than letting the CLI scaffold a fresh project — registering the Nuxt module, reading auth state…
Skill Claude CodeCodex
Integrate Zitadel authentication into a Qwik app with @zitadel/sdk-qwik. Use when the user wants to add login, logout, or a signed-in session card to an existing or custom client-side Qwik SPA — wiring the ZitadelLogin, ZitadelLogout, or ZitadelSession components and configureZitadel.
Skill Claude CodeCodex
Integrate Zitadel authentication into an existing React app with @zitadel/sdk-react. Use when adding Zitadel login, registration, logout, or session handling to a client-side React / Vite SPA or a TanStack (Router/Start) app — wiring the ZitadelLogin, ZitadelLogout, and ZitadelSession auth-UI components into pages you…
Skill Claude CodeCodex
Integrate Zitadel authentication into a SolidJS app with @zitadel/sdk-solid. Use when the user wants to add Zitadel login, registration, logout, or a signed-in session card to an existing or custom Solid SPA (Vite, SolidStart, etc.) — wiring configureZitadel and the / / components by hand rather than scaffolding from…
Skill Claude CodeCodex
Integrate Zitadel authentication into an existing Svelte or SvelteKit app with the @zitadel/sdk-svelte components. Use when the user wants to add login, logout, or a signed-in session card to a Svelte 5 / SvelteKit (or Vite SPA) project by hand, wire the auth widgets to a backend, or debug the proxy and post…
Skill Claude CodeCodex
Integrate Zitadel authentication into a Vue 3 single-page app with @zitadel/sdk-vue. Use when the user wants to add Zitadel login, logout, or a signed-in session card to an existing or custom Vue/Vite SPA — wiring the configureZitadel handle, the ZitadelLogin / ZitadelLogout / ZitadelSession components, the…
Skill Claude CodeCodex
Embed, theme, customise, or drive the Zitadel login web component directly — the framework-agnostic / Lit elements from @zitadel/components. Use when dropping the login widget onto a plain HTML page, styling it with --zl- design tokens or ::part(...) hooks, pinning its theme/variant/locale, wiring its flow events, or…
Skill Claude CodeCodex
Add, configure, and manage Zitadel authentication in a project. Start here for any Zitadel task — it routes to the right skill: the zitadel CLI for creating projects, scaffolding, config, deploys, and the local server, and the per-framework SDK skills for integrating the auth UI into a Next.js, React, Angular, Nuxt…
Skill Claude CodeCodex
Integrate Zitadel authentication into an existing or custom SolidStart app with @zitadel/sdk-solid-start. Use when the user wants login, logout, session handling, or protected routes in a SolidStart 2 app and is wiring the SDK by hand rather than letting the CLI scaffold a fresh project — registering the middleware…
Skill Claude CodeCodex
Integrate Zitadel authentication into an existing or custom SvelteKit app with @zitadel/sdk-sveltekit. Use when the user wants login, logout, session handling, or protected routes in a SvelteKit 3 app and is wiring the SDK by hand rather than letting the CLI scaffold a fresh project — adding the handle hook, reading…
Skill Claude CodeCodex
Integrate Zitadel authentication into an existing or custom TanStack Start app with @zitadel/sdk-tanstack-start. Use when the user wants login, logout, session handling, or protected routes in a TanStack Start (React) app and is wiring the SDK by hand rather than letting the CLI scaffold a fresh project — registering…
Skill Claude CodeCodex
Integrate Zitadel authentication into an existing or custom Qwik Router app with @zitadel/sdk-qwik-router. Use when the user wants login, logout, session handling, or protected routes in a Qwik 2 (Qwik Router) app and is wiring the SDK by hand rather than letting the CLI scaffold a fresh project — adding the request…
Skill Claude CodeCodex
Draft entries for the Zitadel preview's changelog (preview.zitadel.com/changelog): one Markdown file per notable change, apps/website/changelog/ .md in the zitadel/nextgen repository, opened as a pull request. Use when asked to write, draft or update changelog entries, for a release or for changes that just landed on…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: