Quick Start
Get up and running with LensOS in just a few minutes.
Select your framework to see the corresponding setup guide:
1. Install the SDK
Terminal
bun add @lens-os/sdk2. Get Your API Key
You need a LensOS API key and an OpenAI API key. Go to the dashboard to create your LensOS key:
Open API Keys Dashboard →.env
# Server-side only — never use NEXT_PUBLIC_ prefix
LENS_OS_API_KEY=your-lens-api-key
LENS_MODEL_API_KEY=your-openai-api-key3. Create Server Route
The agent handler runs on the server. API keys stay here and are never exposed to the client.
src/app/api/lens/agent/chat/route.ts
import { createAgentHandler } from '@lens-os/sdk/server';
const handler = createAgentHandler({
apiKey: process.env.LENS_OS_API_KEY!,
openaiKey: process.env.LENS_MODEL_API_KEY!,
});
export const { POST } = handler;4. Create Frontend Component
The client only needs the endpoint URL — no API keys required.
src/components/ChatPanel.tsx
'use client';
import { useLensAgent } from '@lens-os/sdk/react';
export default function ChatPanel() {
const { messages, isLoading, sendMessage } = useLensAgent({
endpoint: '/api/lens/agent/chat',
});
return (
<div>
{messages.map((msg, i) => (
<div key={i} className={msg.role}>
{typeof msg.content === 'string' ? msg.content : ''}
</div>
))}
<input
disabled={isLoading}
onKeyDown={(e) => {
if (e.key === 'Enter' && e.currentTarget.value.trim()) {
sendMessage(e.currentTarget.value);
e.currentTarget.value = '';
}
}}
placeholder="Ask me anything..."
/>
</div>
);
}Tip
That's it — 3 files to get a working AI agent. API keys stay on the server, the client communicates via the endpoint URL only.
Next Steps
Create Widget Component
Embed AI components into your frontend application.
Build Enterprise Rules
Configure rules to control agent behavior and limits.
Build Enterprise Tools
Add custom tools to extend agent capabilities.
Build Enterprise Knowledge Base
Build a knowledge base for domain-specific data access.