handling-authentication

Manage user authentication, authorization, and sessions for StickerNest with Supabase Auth.

Updated Jan 19, 2026
One-click install
npx skills add https://github.com/hkcm91/StickerNestV4 --skill handling-authentication-hkcm91
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: handling-authentication
Source: https://github.com/hkcm91/StickerNestV4/tree/main/.claude/skills/handling-authentication
Command: npx skills add https://github.com/hkcm91/StickerNestV4 --skill handling-authentication-hkcm91

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a robust framework for managing user authentication, authorization, and session management within the StickerNest application, ensuring secure access to features and data.

Core Features & Use Cases

  • User Authentication: Handles email/password sign-up, sign-in, and OAuth (Google, GitHub) flows.
  • Session Management: Manages user sessions, token refresh, and persistence.
  • Route Protection: Ensures that only authenticated and authorized users can access specific application routes and features.
  • Widget Authentication: Provides secure, read-only authentication context to widgets.
  • Use Case: A new user signs up using their Google account, is redirected to an onboarding page to set up their profile, and can then access their personalized dashboard, while widgets only see their display name, not their email or tokens.

Quick Start

Use the handling-authentication skill to guide a user through the login process.

Frequently Asked Questions about handling-authentication

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement Supabase authentication and session management in a React application?

Supabase authentication in React is handled by implementing secure login, signup, and OAuth flows. The Skill manages user sessions, token refresh, and persistence, while providing an authentication context to widgets and protecting specific application routes.

Can I use Google and GitHub OAuth for user login with Supabase Auth?

Yes, Supabase Auth supports OAuth flows for both Google and GitHub. The Skill handles these OAuth integrations for user login, allowing new users to sign up via their social accounts and redirecting them to an onboarding page to set up their profile.

What is the best way to protect React routes so only authorized users can access them?

The best way to protect React routes is by implementing route protection checks that ensure only authenticated and authorized users can access specific application features. This Skill handles those permission checks for service-level authorization and route access.

How does widget authentication context work and does it expose user tokens?

Widget authentication context provides secure, read-only access to user data for widgets. It intentionally limits exposure by only sharing the display name, ensuring widgets do not see sensitive information like user emails or authentication tokens.

Does this Supabase authentication Skill support local development with a demo user?

Yes, the Skill handles local development mode by providing a demo user. This allows developers to test authentication flows, session management, and protected routes locally without needing a live backend or real user credentials.

How do I manage authorization and permission checks for Supabase service-level features?

Authorization for Supabase service-level features is managed by implementing permission checks within the authentication framework. The Skill ensures secure access to data and features by validating user permissions and restricting access to authorized users only.