workos-widgets

Integrate WorkOS UI widgets into web applications with stack detection and token generation.

Updated Apr 3, 2026
One-click install
npx skills add https://github.com/strawgate/agent-skills --skill workos-widgets-strawgate
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: workos-widgets
Source: https://github.com/strawgate/agent-skills/tree/main/workos-widgets
Command: npx skills add https://github.com/strawgate/agent-skills --skill workos-widgets-strawgate

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the complex process of embedding WorkOS widgets—such as User Management, User Profile, and Admin Portal SSO—into your application by automating stack detection, token generation, and API wiring.

Core Features & Use Cases

  • Automated Stack Detection: Automatically identifies your frontend framework (Next.js, React, Vite, etc.) and backend language to apply the correct integration pattern.
  • Secure Token Orchestration: Handles the generation of scoped widget tokens and elevated access tokens, ensuring secure communication between your app and WorkOS.
  • Use Case: If you need to add a User Management table to your React application, this Skill will detect your routing and data-fetching patterns, guide you through the necessary SDK installs, and provide the exact implementation steps to wire up the component securely.

Quick Start

Use the workos-widgets skill to implement the User Management widget in this project.

Frequently Asked Questions about workos-widgets

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

FAQPage Schema
How do I integrate WorkOS widgets into my web application?

Integrating WorkOS widgets involves detecting your project stack and configuring the necessary authentication and API layers for secure token generation. This Skill supports User Management, User Profile, and Admin Portal SSO workflows across multiple frontend frameworks and backend languages.

How does secure token generation work for WorkOS UI widgets?

Secure token generation for WorkOS UI widgets requires orchestrating scoped widget tokens and elevated access tokens. This ensures secure communication between your application and WorkOS while maintaining API compliance through bundled OpenAPI specifications and project-specific data-fetching patterns.

Can I use WorkOS widgets with my Next.js or React frontend?

Yes, WorkOS widgets support Next.js, React, and Vite frontend frameworks. The integration process automatically detects your frontend framework and backend language to apply the correct pattern for wiring up User Management and SSO components securely.

What's the best way to add a WorkOS User Management table to my app?

Adding a WorkOS User Management table is best handled by detecting your routing and data-fetching patterns, guiding you through SDK installations, and providing exact implementation steps. This ensures the component is wired up securely with proper authentication layers.

Do I need to configure API layers separately when embedding WorkOS widgets?

No, API layers do not need separate configuration when embedding WorkOS widgets. The integration process automates stack detection and handles the API wiring and token orchestration required for secure communication between your app and WorkOS.