skills.rest
stacksjs
stacksjsOFFICIAL
Explore all skills by this author →
Website𝕏@stacksjsGitHub

stacks-browser

Manage browser-side auth, API access, and Stripe utilities for Stacks apps.

622|17|Updated Apr 26, 2022
Search Tags:#authentication#frontend#fetch#stripe#browser#composables
One-click install
npx skills add https://github.com/stacksjs/stacks --skill stacks-browser
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stacks-browser
Source: https://github.com/stacksjs/stacks/tree/main/.claude/skills/stacks-browser
Command: npx skills add https://github.com/stacksjs/stacks --skill stacks-browser

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Centralizes and streamlines browser-side functionality for Stacks applications, including authentication flows, API access, Stripe client utilities, and browser model loading.

Core Features & Use Cases

  • UseAuth composable for login, registration, logout, and token management
  • API Fetch client for convenient server communication
  • Stripe browser utilities for client-side payments
  • Browser model loading and auto-imported utilities for rapid UI development

Quick Start

Initialize and use the browser utilities in your Stacks app to handle auth flows, API calls, and client-side payments.

Frequently Asked Questions about stacks-browser

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

FAQPage Schema
How do I handle frontend authentication and token management in a Stacks app?▼

Frontend authentication in a Stacks app is handled via the useAuth composable, which provides login, registration, logout, and token management. It streamlines browser-side auth flows by centralizing these functions within your TypeScript frontend projects.

Can I use Stripe client-side payment utilities with TypeScript and Bun?▼

Yes, Stripe browser utilities provide client-side payment functionality for Stacks apps running in Bun or Node environments. You can integrate these TypeScript utilities directly to handle browser-based Stripe transactions.

What is the best way to manage browser-side API fetch requests in a Stacks application?▼

The best way to manage browser-side API fetch requests is using the API Fetch client provided by the Stacks browser package. It offers a convenient method for server communication and API access across your frontend projects.

Do I need Bun to run browser-side composables for Stacks?▼

Yes, you need Bun version 1.3.0 or higher to execute the Stacks browser package and its composables. The package requires Bun, TypeScript, and the @stacksjs/browser dependency to run in Bun or Node environments.

Does the Stacks browser package support auto-imported UI utilities for frontend development?▼

Yes, the Stacks browser package supports auto-imported utilities and browser model loading for rapid UI development. These features allow you to quickly initialize and manage browser-side functionality across your frontend projects.

Related Skills

Explore More Software Engineering Skills→
stacksjsstacksjs
622

stacks-server

Configure and run Stacks server environments for development and production.

Official
Intermediate
alinaqialinaqi
705

web-payments

Integrate Stripe Checkout, subscriptions, and webhook verification into web applications.

Community
Advanced
AgentSystemLabsAgentSystemLabs
121

add-empty-error-states

Add empty and error UI states to TanStack Query and Router data-fetch surfaces.

Official
Intermediate
bughqbughq
2

stacks-browser

Provide browser-side utilities for Stacks authentication, Stripe billing, and API clients.

Official
Intermediate