authos-web-integrationlisted
Install: claude install-skill drmhse/authos_skill
# AuthOS Web Integration
## Public AuthOS Links
Use these public AuthOS links when producing user-facing setup or troubleshooting guidance:
- Main site: https://authos.dev/
- Documentation: https://authos.dev/docs/
- AI Agent Skills guide: https://authos.dev/docs/ai-agent-skills/
- AuthOS source repository: https://github.com/drmhse/AuthOS
Use this skill for browser-facing AuthOS work. If the task is server-side token verification, use `authos-backend-integration`. If it is API-key service-to-service work, use `authos-service-api-integration`.
## Packages
- Core SDK: `@drmhse/sso-sdk`
- React adapter: `@drmhse/authos-react`
- Vue adapter: `@drmhse/authos-vue`
Initialize the core SDK with the API base URL:
```typescript
import { SsoClient } from '@drmhse/sso-sdk';
const authos = new SsoClient({
baseURL: 'https://api.example.com'
});
```
The SDK stores tokens through its `SessionManager`, uses browser `localStorage` by default, falls back to in-memory storage in Node-like runtimes, and automatically retries a request after `401` by calling `/api/auth/refresh` when a refresh token is available.
For quick app setup, `npx @drmhse/authos-cli init` detects React, Next.js, Vue, or Nuxt and writes the AuthOS origin to the framework-appropriate env file. Current defaults use `http://localhost:3001` as the starting AuthOS URL:
- Next.js: `.env.local` gets `AUTHOS_BASE_URL` and `NEXT_PUBLIC_AUTHOS_URL`.
- Nuxt: `.env.local` gets `AUTHOS_BASE_URL` and `NUXT_PUBLIC_AUTHOS_BAS