Skip to Content
DocumentationTable of Contents

Transcodes Documentation

⚡ 2 min read

Welcome 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):

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

PageDescription
AI SecretaryConnect Transcodes to Claude, Cursor, or Codex — tell your AI what to build, it handles the rest

LLM Context

PageDescription
LLM ContextUse https://transcodes.io/instructions with AI coding tools

Introduction

PageDescription
OverviewTranscodes overview, WebAuthn, CDN + npm quick start
How It WorksAuthentication flow and architecture
Why TranscodesBenefits, vendor comparison, and integration contrast
ArchitectureSystem design, token model, CSP, privacy, checklist, operational security

Quick Integration

PageDescription
OverviewFramework comparison, universal setup
ReactReact + Vite integration
Next.jsNext.js App Router integration
Vue.jsVue 3 + Vite integration
Vanilla JSVanilla JavaScript integration

Web App Cluster

PageDescription
OverviewWeb App Kit Cluster overview
Installation GuideSDK installation
ConfigurationRP ID, token expiration, legal URLs
App IconsApp icon configuration
WidgetAuth widget setup
ScreenshotsScreenshot capture
Cache StrategyCaching best practices
SurveillanceComing soon

Authentication Cluster

PageDescription
OverviewAuthentication Kit Cluster overview
Installation GuideDocumentation, webworker script, TypeScript definitions
BrandingCustomize auth UI branding
RBACRole-based access control
Audit LogsUser analytics and audit trails
ConfigurationProject configuration
Step-up SessionStep-up authentication sessions
WebhookWebhook configuration
BackupEncrypted user data backup
JSON Web KeyJWK for server-side JWT verification
Passkey-first Login6-step passkey implementation guide
Step-up Auth4-step MFA for sensitive actions

API Reference

PageDescription
OverviewAPI sections overview
Token APIgetAccessToken, getCurrentMember, signOut
Member APImember.get()
Events APIon(), off(), AUTH_STATE_CHANGED, etc.
Modal APIopenAuthLoginModal, openAuthIdpModal, etc.
Audit APItrackUserAction()
Init & Configinit(), setConfig(), isInitialized()
TypesApiResponse, Member, AuthResult, etc.
Last updated on