Frame.dev — AI Development Framework

Building the Future of AI-Powered Development

Frame.dev represents our vision for the future of software development: AI-native tools that understand context, anticipate needs, and accelerate creation. Through our open-source projects—AgentOS and OpenStrand—we're building the infrastructure for a new generation of AI-powered development experiences.

"The best interface is no interface. The best code is the code that writes itself." — Frame.dev Philosophy

The Frame.dev Ecosystem

Our projects work together to create a complete AI development platform:

🧠 AgentOS (agentos.sh)

The Brain Behind Our AI Systems

AgentOS is our modular orchestration runtime that powers intelligent AI applications, handling:

• Conversation Management — Stateful, multi-turn interactions
• Memory & Retrieval — RAG pipelines and context windows
• Tool Orchestration — Permission-aware tool execution
• Streaming Architecture — Real-time response handling
• Guardrails & Safety — Built-in protective policies

1import { AgentOS } from '@framers/agentos';
2
3const agent = new AgentOS();
4await agent.initialize(config);
5
6for await (const chunk of agent.processRequest(input)) {
7  // Handle streaming responses
8}
  

Explore AgentOS Documentation →

📚 OpenStrand (openstrand.ai)

Collaborative Knowledge Architecture

OpenStrand revolutionizes how teams organize and connect information. Built on the Zettelkasten method with modern collaborative features:

• Recursive Strands — Infinitely nestable knowledge structures
• Collaborative Slip-Box — Team-based knowledge management
• AI-Enhanced Discovery — Automatic linking and insights
• Offline-First — Works everywhere, syncs when connected
• Version Control — Git-like branching for knowledge

Discover OpenStrand →

Technical Architecture

Unified TypeScript Stack

All Frame.dev projects share a consistent, modern architecture:

frame.dev/
├── apps/
│   ├── agentos.sh/             # Next.js marketing site
│   └── openstrand-app/         # React knowledge management UI
├── packages/
│   ├── @framers/agentos/       # Core orchestration runtime
│   ├── @openstrand/sdk/        # Shared types & utilities
│   └── @framers/tools/         # Common tool implementations
└── backend/
    ├── openstrand-teams/       # Fastify collaboration backend
    └── shared/                 # Cross-cutting concerns

Key Technologies

• Language: TypeScript throughout (strict mode)
• Frontend: Vue 3, React 18, Next.js 14
• Backend: Express, Fastify, Prisma
• AI/ML: OpenAI, Anthropic, local models
• Database: PostgreSQL, PGlite (embedded)
• Infrastructure: Docker, Kubernetes-ready

Open Source Philosophy

Why We Build in the Open

1. Transparency — Users should understand how their AI tools work
2. Collaboration — The best ideas come from diverse perspectives
3. Innovation — Open ecosystems move faster than closed ones
4. Trust — Auditable code builds confidence in AI systems

Contribution Model

We follow a "Core + Community" model:

• Core Team maintains architectural vision and quality standards
• Community contributes features, fixes, and integrations
• Partners like Manic Agency provide strategic development

Integration Examples

Using AgentOS in Your Project

1import { AgentOS, AgentOSConfig } from '@framers/agentos';
2import { OpenAIProvider } from '@framers/agentos/providers';
3
4const config: AgentOSConfig = {
5  providers: [new OpenAIProvider(apiKey)],
6  tools: ['code-writer', 'terminal', 'file-system'],
7  memoryStrategy: 'hierarchical',
8  streamingEnabled: true
9};
10
11const agent = new AgentOS();
12await agent.initialize(config);
13
14// Process natural language requests
15const response = await agent.processRequest({
16  text: "Refactor this function to use async/await",
17  context: { file: 'utils.js', selection: [10, 25] }
18});
  

Building Custom Tools

1import { ITool, ToolResult } from '@framers/agentos';
2
3export class CustomAnalyzerTool implements ITool {
4  name = 'custom-analyzer';
5  description = 'Analyzes code patterns and suggests improvements';
6  
7  async execute(params: any): Promise<ToolResult> {
8    // Your tool logic here
9    return {
10      success: true,
11      data: analysisResults,
12      artifacts: [{
13        filename: 'analysis.md',
14        mimeType: 'text/markdown',
15        data: reportContent
16      }]
17    };
18  }
19}
  

Performance & Scale

Benchmarks

• Response Time: < 100ms for tool invocations
• Streaming Latency: < 50ms per chunk
• Memory Efficiency: 50MB base, scales with context
• Concurrent Sessions: 1000+ per instance

Production Ready

• Error Recovery: Automatic retry with exponential backoff
• Rate Limiting: Built-in protection against abuse
• Observability: OpenTelemetry instrumentation
• Security: OWASP-compliant, regular audits

Roadmap & Vision

Q4 2025

• AgentOS plugin marketplace
• OpenStrand team collaboration features
• Frame IDE preview release

2026 Vision

• Ambient Development — Code that understands and evolves with you
• AI Pair Programming — True collaborative AI that learns your style
• Knowledge-Driven Architecture — Systems that document themselves
• Voice-First Everything — Natural language as the primary interface

Get Started

For Developers

1# Install AgentOS
2npm install @framers/agentos
3
4# Try OpenStrand locally
5npx create-openstrand-app my-knowledge-base
  

For Teams

• AgentOS Enterprise — Contact sales
• OpenStrand Teams — Request early access

Community & Support

Join the Movement

• GitHub: github.com/framersai
• Discord: frame.dev/discord
• Twitter: @framersai
• Blog: Read our journey

Resources

• AgentOS Documentation
• OpenStrand Tutorials
• API Reference

Built by Framers AI × Manic Agency

Frame.dev is developed by Framers AI in collaboration with Manic Agency. Together, we're pushing the boundaries of what's possible when AI meets software development.

Why This Matters

We believe the future of software development isn't about replacing developers—it's about amplifying their capabilities. Frame.dev provides the tools to think faster, build smarter, and create experiences that weren't possible before.

---

Ready to revolutionize how you build? Get started with Frame.dev →