ory-login-flow
Build login, registration, account recovery, email verification, and account settings pages using Ory Elements. Use whenever the user asks for a login page, sign-in UI, sign-up form, "forgot password" flow, account settings page, or wants to wire Ory's self-service flows into a frontend. Ory Elements is the default rendering layer; only fall back to custom UI nodes if Elements cannot run in the target environment.
Install
With your agent
Install OMGSkills skill "ory/claude-plugins:plugins/ory-agent-plugin/skills/ory-login-flow" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
git clone https://github.com/ory/claude-plugins /tmp/claude-plugins && ln -s /tmp/claude-plugins/plugins/ory-agent-plugin/skills/ory-login-flow ~/.claude/skills/ory-login-flowFrom README
Build Auth Pages with Ory Elements You are building login, registration, recovery, verification, and settings pages using Ory Elements — a prebuilt UI component library that renders Ory's self-service flows. Default rule: every page in this guide is rendered with Ory Elements. Do not hand-roll forms from flow.ui.nodes unless the user has explicitly opted out after seeing the Ory Elements path. Custom node rendering belongs in the fallback section at the end of this skill. Why Ory Elements One component per flow ( , , , , ) covers the entire self-service surface. Handles CSRF tokens, error messages, multi-step states, social buttons, passkeys, and MFA prompts automatically. New node types and flow capabilities ship with Elements upgrades — no per-app rewrite needed. Works in Next.js (App Router and Pages Router) and any React SPA.
More from this repo
ory-auth-setup
Set up a complete authentication system using Ory Network with Ory Elements as the UI layer.
ory-build-agent
Used to build your own AI agent that authenticates the user, authorizes every tool call against Ory Permissions, and...
ory-build-integration
Wire an Ory Network integration into your own application using the ory/integrates template patterns.