Oidc Hosted Page Angular
Securely integrates Angular applications with mojoAuth's OIDC hosted login pages for seamless authentication flows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add mojoauth-oidc-hosted-page-angular npx -- -y @trustedskills/mojoauth-oidc-hosted-page-angular
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"mojoauth-oidc-hosted-page-angular": {
"command": "npx",
"args": [
"-y",
"@trustedskills/mojoauth-oidc-hosted-page-angular"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides an Angular component to display a hosted OIDC (OpenID Connect) login page. It simplifies integration of authentication flows into web applications by handling the redirection and UI elements required for user login through a trusted identity provider. The component is designed to be easily customizable with branding and configuration options.
When to use it
- You need to integrate an OAuth 2.0/OIDC login flow into an Angular application without building custom UI from scratch.
- Your application requires users to authenticate against an external identity provider (e.g., Google, Microsoft, Okta).
- You want a pre-built and styled component for user authentication in your Angular projects.
- You need to quickly prototype or deploy applications requiring secure authentication.
Key capabilities
- Angular Component: Provides a reusable UI element for OIDC login pages.
- Hosted Page Integration: Handles redirection to the identity provider's hosted page.
- Customization Options: Allows branding and configuration adjustments.
- OIDC Flow Support: Implements the standard OAuth 2.0/OIDC authentication flow.
Example prompts
- "Display the OIDC login page for my application, using [identity provider] as the authority."
- "Show the login component with custom branding colors of blue and white."
- "Initialize the hosted page component with client ID [client_id] and redirect URI [redirect_uri]."
Tips & gotchas
- Requires an Angular project environment to function.
- Ensure your identity provider is properly configured with the necessary client credentials (client ID, secret, redirect URI).
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.