Transcodes Documentation
⚡ 2 min readWelcome to Transcodes — Your AI Secretary for Admin Authentication, Operations & Management
Quick Navigation
Transcodes
Transcodes is your AI secretary for admin authentication, operations, and management. Tell your AI what you need — passkey login, RBAC, step-up auth, audit logs, member management — and Transcodes handles it. No backend setup. No auth expertise required. Works with Claude, Cursor, and Codex via MCP.
Integrate in either of these ways (details: Quick Integration):
index.html (CDN)
In your root index.html, add the Transcodes WebWorker CDN script:
<script
type="module"
src="https://cdn.transcodes.link/{PROJECT_ID}/webworker.js"
></script>const result = await transcodes.openAuthIdpModal({
resource: 'users',
action: 'delete',
});One function call opens the auth modal. No backend code. No complex config. Your secretary handles the rest.
PWA (installable Web App Kit) still requires loading webworker.js from
HTML (manifest + sw.js as in the guides). The npm SDK alone does not
replace that path—see Web App Installation
Guide.
Documentation Structure
AI Secretary
| Page | Description |
|---|---|
| AI Secretary | Connect Transcodes to Claude, Cursor, or Codex — tell your AI what to build, it handles the rest |
LLM Context
| Page | Description |
|---|---|
| LLM Context | Use https://transcodes.io/instructions with AI coding tools |
Introduction
| Page | Description |
|---|---|
| Overview | Transcodes overview, WebAuthn, CDN + npm quick start |
| How It Works | Authentication flow and architecture |
| Why Transcodes | Benefits, vendor comparison, and integration contrast |
| Architecture | System design, token model, CSP, privacy, checklist, operational security |
Quick Integration
| Page | Description |
|---|---|
| Overview | Framework comparison, universal setup |
| React | React + Vite integration |
| Next.js | Next.js App Router integration |
| Vue.js | Vue 3 + Vite integration |
| Vanilla JS | Vanilla JavaScript integration |
Web App Cluster
| Page | Description |
|---|---|
| Overview | Web App Kit Cluster overview |
| Installation Guide | SDK installation |
| Configuration | RP ID, token expiration, legal URLs |
| App Icons | App icon configuration |
| Widget | Auth widget setup |
| Screenshots | Screenshot capture |
| Cache Strategy | Caching best practices |
| Surveillance | Coming soon |
Authentication Cluster
| Page | Description |
|---|---|
| Overview | Authentication Kit Cluster overview |
| Installation Guide | Documentation, webworker script, TypeScript definitions |
| Branding | Customize auth UI branding |
| RBAC | Role-based access control |
| Audit Logs | User analytics and audit trails |
| Configuration | Project configuration |
| Step-up Session | Step-up authentication sessions |
| Webhook | Webhook configuration |
| Backup | Encrypted user data backup |
| JSON Web Key | JWK for server-side JWT verification |
| Passkey-first Login | 6-step passkey implementation guide |
| Step-up Auth | 4-step MFA for sensitive actions |
API Reference
| Page | Description |
|---|---|
| Overview | API sections overview |
| Token API | getAccessToken, getCurrentMember, signOut |
| Member API | member.get() |
| Events API | on(), off(), AUTH_STATE_CHANGED, etc. |
| Modal API | openAuthLoginModal, openAuthIdpModal, etc. |
| Audit API | trackUserAction() |
| Init & Config | init(), setConfig(), isInitialized() |
| Types | ApiResponse, Member, AuthResult, etc. |