Frontend AI Platform Engineer – Gameframe

Building the Interface to the Future of Game Development

GameFrame AI is transforming game development through natural language AI interaction. We're building the first conversational interface that enables developers - from hobbyists to indie studios - to create professional games by simply describing what they want.

The Challenge: Design and build sophisticated real-time interfaces that seamlessly blend conversational AI with game development workflows, supporting multi-agent coordination, real-time streaming responses, and complex interactive visualizations - all while maintaining sub-second response times for 100+ concurrent users.

The Role

As our Senior Frontend AI Engineer, you'll architect and build the user-facing experience for GameFrame's revolutionary AI platform. You're not just building traditional web UIs - you're creating entirely new interaction patterns that make complex AI agent orchestration and data visualization feel natural and intuitive.

This role requires deep expertise in AI-first frontend architectures and advanced interactive visualizations, where every component is designed around streaming responses, complex data structures, and real-time multi-agent coordination.

What You'll Build Advanced Conversational AI Interfaces

• Architect CopilotKit-powered split-screen experiences with AI chat (30%) and contextual content (70%)
• Build sophisticated streaming response handlers for token-by-token LLM output with backpressure management
• Implement multi-agent conversation threading where users can interact with specialized agents simultaneously
• Create intelligent conversation branching for exploring different game development approaches

Complex Data Visualization & Interactive Graphics

• Build scalable SVG and Canvas-based visualization systems for hierarchical project data and milestone tracking
• Implement interactive radial/circular layout algorithms with dynamic positioning, collision detection, and smooth animations
• Create graph-based conversation flow visualizations with branching paths, decision trees, and state management
• Design real-time collaborative canvas systems supporting multi-user interactions with conflict resolution
• Develop performance-optimized rendering for complex nested data structures with thousands of interactive elements

Game Development-Specific AI UX

• Design project state synchronization between AI conversations and real-time game engine changes
• Build Pixel Streaming integration with WebRTC for seamless game preview within AI workflows
• Create configuration diff visualizations showing before/after states of AI-driven game modifications
• Implement collaborative workflows for team-based game development with AI assistance

Your Technical Expertise Required: AI-First Frontend Development

• 5+ years building production React applications with modern TypeScript
• CopilotKit experience including custom context providers, server-side actions, and real-time streaming integration
• Advanced streaming architectures with custom React hooks for LLM responses (useCompletion, useChat patterns)
• WebSocket/SSE mastery for real-time AI communications with proper connection management and fallback strategies

Required: Interactive Visualization & Graphics

• Advanced SVG manipulation with dynamic path generation, complex transforms, and performance optimization
• Canvas 2D/WebGL experience for high-performance custom visualizations and interactive graphics
• Data visualization expertise with , custom charting libraries, or similar frameworks for complex hierarchical data
• Layout algorithm implementation including force-directed graphs, circular layouts, tree structures, and collision detection
• Animation and interaction systems with smooth transitions, gesture handling, and responsive user interactions

Required: Modern Frontend Excellence

• React 18+ expertise including Suspense, concurrent features, and advanced patterns
• 14+ proficiency with app router, server components, and streaming
• State management expertise with Zustand, Redux Toolkit, or similar for complex AI application state
• Performance optimization for real-time applications including virtualization, memoization, and bundle optimization

Required: Real-Time Systems

• WebRTC integration for pixel streaming and media handling
• Advanced WebSocket patterns including reconnection logic, message queuing, and state synchronization
• Streaming response handling with chunk processing, backpressure, and error recovery

What Makes You Exceptional AI-First Design Thinking

You understand that building for AI requires fundamentally different patterns than traditional web development. You think in terms of streaming responses, probabilistic outcomes, and context-aware interfaces.

Complex Visualization Engineering

You have deep experience building custom data visualization systems from scratch, not just using pre-built chart libraries. You understand layout algorithms, performance optimization for thousands of interactive elements, and can implement smooth animations while maintaining 60fps.

Mathematical & Algorithmic Thinking

You can implement graph algorithms, spatial partitioning systems, and collision detection directly in JavaScript. You think computationally about UI problems and can optimize complex rendering operations.

Real-Time Systems Expertise

You've built applications where every millisecond matters. You understand the complexities of WebSocket management, streaming data handling, and maintaining responsive UIs under heavy real-time processing loads.

You'll Struggle If You

• Prefer traditional CRUD interfaces over complex real-time AI interactions
• Need detailed mockups rather than designing novel interaction patterns
• Are uncomfortable with AI uncertainty and prefer deterministic user flows
• Avoid performance optimization for real-time applications
• Dislike rapid prototyping in favor of perfectly planned designs

Technical Environment Frontend Core Stack

• Framework: React 18+ with TypeScript, 14+
• AI Interface: CopilotKit for conversational UI patterns
• State: Zustand for global state, React Query for server state
• Styling: Tailwind CSS + Ant Design components

Visualization & Graphics Stack

• SVG: Advanced manipulation with dynamic path generation and transforms
• Canvas: 2D context and WebGL for high-performance custom visualizations
• Data Viz: for complex layouts, custom charting libraries
• Animation: Framer Motion, CSS transforms, custom easing functions
• Math: Custom algorithms for graph layouts, spatial indexing, collision detection

AI Integration Layer

• Streaming: Custom hooks for LLM token streaming
• WebSocket: Real-time agent communication and state sync
• AI Frameworks: , custom AI response handling
• Media: WebRTC for pixel streaming, canvas manipulation

Compensation & Benefits Base Salary: Commensurate with AI frontend experienceEquity: Potential equity package with high growth potentialBenefits Package:

• Health, dental, vision with company contribution
• Flexible PTO and remote/hybrid work arrangements
• Professional development budget for frontend and AI conferences
• Hardware stipend for development equipment and testing devices

Unique Perks:

• Conference speaking opportunities on AI interface innovation
• Design system ownership for a revolutionary product category
• Direct user feedback from passionate game development community
• Creative project support for personal game development experiments

---