Batoi UIF Docs

AI Interfaces

Build browser-side AI app composers while protecting keys and planning governed production proxies.

AI Interfaces

Batoi UIF can frame AI-enabled interface composition, prompt configuration, and generated app previews.

The AI App Builder example demonstrates a client-side composer for provider configuration, prompt entry, request preview, and generated markup export.

Client-Side Rules

  • Keep API keys in browser memory only.
  • Do not persist keys in local storage.
  • Make provider endpoints visible.
  • Show request payloads before sending.
  • Explain that production should use a governed backend proxy.

Production Proxy

A production AI proxy should handle:

  • authentication
  • authorization
  • policy enforcement
  • rate limiting
  • audit logs
  • provider secrets
  • error normalization

Provider Notes

Direct browser calls may fail because of CORS restrictions.

Use the client-side send feature for controlled testing only.