stacks-socials

Implement OAuth2 social authentication flows for GitHub, Google, Facebook, and Twitter.

2|Updated Jul 8, 2026
One-click install
npx skills add https://github.com/bughq/bughq --skill stacks-socials-bughq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stacks-socials
Source: https://github.com/bughq/bughq/tree/main/.claude/skills/stacks-socials
Command: npx skills add https://github.com/bughq/bughq --skill stacks-socials-bughq

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @stacksjs/api, @stacksjs/config.

What problem does it solve?

This Skill simplifies the complex implementation of OAuth2 social authentication, allowing developers to integrate GitHub, Google, Facebook, and Twitter providers without managing the underlying protocol intricacies.

Core Features & Use Cases

  • Unified Provider Interface: Interact with multiple social platforms through a consistent AbstractProvider base class.
  • Advanced Security: Includes built-in support for PKCE, state management, and secure token handling.
  • Use Case: Quickly add a Sign in with GitHub or Google button to your application by configuring the service credentials and utilizing the provided provider classes to handle the redirect, callback, and user profile retrieval flows.

Quick Start

Use the stacks-socials skill to initialize a new GitHub provider instance and generate the authorization URL for your application callback.

Frequently Asked Questions about stacks-socials

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

FAQPage Schema
How do I implement OAuth2 social login in a TypeScript application?

OAuth2 social login is implemented by using a unified provider interface that manages provider-specific configuration, token exchange, and user profile normalization for platforms like GitHub and Google. This abstracts the underlying protocol intricacies.

What is PKCE and how does it secure OAuth2 authentication flows?

PKCE in OAuth2 authentication secures token exchange by requiring a cryptographic key challenge during the authorization request. This prevents interception attacks and ensures secure handling within the Stacks framework.

How do I add a Sign in with GitHub button to my Stacks application?

To add a Sign in with GitHub button, configure your service credentials and initialize a GitHub provider instance to handle the redirect, callback, and user profile retrieval flows automatically.

Can I use multiple social login providers like Facebook and Twitter simultaneously?

Yes, you can use multiple social login providers simultaneously through a consistent AbstractProvider base class, allowing interaction with Facebook, Twitter, Google, and GitHub through a unified interface.

Do I need @stacksjs/api and @stacksjs/config to manage social authentication credentials?

Yes, you need @stacksjs/api and @stacksjs/config integration to handle secure HTTP requests and credential management for OAuth2-based social authentication flows within the Stacks framework.

What is the best way to normalize user profiles from different social login providers?

The best way to normalize user profiles from different providers is using a built-in profile normalization process that standardizes data retrieved from GitHub, Google, Facebook, and Twitter callback flows.