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: use the OMGSkills MCP get_skill tool, install only the pinned_install commit and path, verify SKILL.md against pinned_install.skill_md_sha, 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.