
Frame.dev — AI Development Framework
Open-source AI orchestration runtime powering AgentOS and OpenStrand. Built by Framers AI for the next generation of AI-powered development tools.
Voice-first AI coding assistant that understands context, writes production code, and manages your entire development workflow through natural conversation. Powered by AgentOS.
Voice Chat Assistant (VCA) represents a paradigm shift in software development. Instead of typing every character, wrestling with syntax, or context-switching between documentation and your editor—you simply talk. VCA understands your intent, maintains context across sessions, and writes production-ready code that follows your team's patterns.
"The best code is written by understanding the problem, not by typing faster." — VCA Philosophy
Press the hotkey or click the mic. Describe what you want to build, fix, or refactor. No special commands or syntax required.
"I need a React component that fetches user data from our API
and displays it in a card layout with loading and error states"
It knows your codebase, remembers previous conversations, and understands your project structure.
"Make it use our existing useApi hook and follow the same
pattern as the ProductCard component"
VCA writes the code, creates the files, and even handles imports and dependencies.
1// components/UserCard.tsx 2import React from 'react'; 3import { useApi } from '../hooks/useApi'; 4import { Card, CardSkeleton, ErrorState } from '../components/ui'; 5import type { User } from '../types/api'; 6 7export const UserCard: React.FC<{ userId: string }> = ({ userId }) => { 8 const { data, loading, error } = useApi<User>(`/users/${userId}`); 9 10 if (loading) return <CardSkeleton />; 11 if (error) return <ErrorState message={error.message} />; 12 13 return ( 14 <Card> 15 <Card.Header> 16 <img src={data.avatar} alt={data.name} /> 17 <h3>{data.name}</h3> 18 </Card.Header> 19 <Card.Body> 20 <p>{data.email}</p> 21 <p>{data.role}</p> 22 </Card.Body> 23 </Card> 24 ); 25};
While optimized for voice, VCA supports multiple input modes:
VCA maintains deep understanding across multiple dimensions:
Not just snippets—complete, working implementations:
VCA connects with your entire toolchain:
At the heart of VCA lies AgentOS, our modular orchestration runtime that makes intelligent interactions possible:
"Convert this Figma design into a responsive React component with Tailwind"
VCA analyzes the design, generates pixel-perfect components with proper responsive breakpoints, and even suggests accessibility improvements.
"Create a REST API for user management with authentication, validation, and rate limiting"
Generates complete CRUD endpoints, middleware, database schemas, and even Swagger documentation.
"This function is slow. Profile it and optimize the performance"
VCA analyzes the code, identifies bottlenecks, suggests optimizations, and can even run benchmarks to prove improvements.
"Document this codebase for new developers"
Creates comprehensive docs including architecture overviews, setup guides, API references, and inline code comments.
"Write integration tests for the checkout flow"
Generates comprehensive test suites that cover happy paths, edge cases, and error scenarios.
1// Vue 3 + Composition API 2const { startRecording, stopRecording, isRecording } = useVoiceInput(); 3const { messages, sendMessage, streamResponse } = useAgentChat(); 4const { executeCode, terminalOutput } = useCodeExecution();
1// Express + TypeScript + AgentOS 2app.post('/api/chat', async (req, res) => { 3 const stream = agentOS.processRequest({ 4 input: req.body.message, 5 context: req.body.context, 6 sessionId: req.session.id 7 }); 8 9 for await (const chunk of stream) { 10 res.write(`data: ${JSON.stringify(chunk)}\n\n`); 11 } 12});
1const config: AgentOSConfig = { 2 providers: [openai, anthropic, local], 3 tools: ['code-writer', 'terminal', 'file-system', 'git'], 4 memory: 'hierarchical', 5 guardrails: productionSafetyRules 6};
Unlike chatbots that forget context after a few messages, VCA maintains deep understanding of your entire project and conversation history.
Not a toy or demo—VCA writes real code for real projects. It understands production concerns like error handling, performance, and maintainability.
Built from the ground up for voice interaction. No awkward command phrases or rigid syntax—just natural conversation.
Based on open-source AgentOS, VCA can be extended with custom tools, providers, and workflows.
Your code never leaves your control. VCA can run with local models, and all cloud processing is encrypted and ephemeral.
Try VCA free for 14 days. No credit card required.
1# Quick start 2npx create-vca-app my-project 3cd my-project 4npm run dev
Cloud (Recommended)
Self-Hosted
1git clone https://github.com/framersai/voice-chat-assistant 2cd voice-chat-assistant 3cp .env.sample .env 4# Add your API keys 5pnpm install 6pnpm run dev
Enterprise
VCA works seamlessly with your favorite tools:
"I was skeptical about voice coding, but VCA converted me. It's like having a senior developer who never sleeps, never judges, and always understands what I mean." — Alex Thompson, Startup Founder
"VCA helped me ship features 3x faster. The voice input is so natural, I forget I'm talking to an AI." — Priya Patel, Frontend Lead
"As someone with RSI, VCA gave me my career back. I can code all day without pain." — James Wilson, Backend Engineer
Voice Chat Assistant isn't just a tool—it's a movement toward more natural, efficient, and enjoyable software development. Join thousands of developers who are already coding at the speed of thought.
Start Free Trial • Watch Demo • Read Docs
Built with ❤️ by Frame.dev • Powered by AgentOS • Strategic Partner: Manic Agency
"VCA changed how I think about coding. I describe what I want, and it just happens. It's like having a senior developer who never gets tired."
"The context awareness is unreal. It remembers our entire conversation and understands my codebase better than I do sometimes."