Job descriptionBuilding 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 D3.js, 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 Next.js 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, Next.js 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 : D3.js 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 : LangChain.js, custom AI response handling Media : WebRTC for pixel streaming, canvas manipulation Compensation & Benefits
Base Salary : Commensurate with AI frontend experience
Equity : Potential equity package with high growth potential
Benefits 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
#J-18808-Ljbffr