Frontend AI Platform Engineer – Gameframe

Ironbelly Studios; Montreal; Hybrid; CAD 80,000 - 100,000; Full time

Job summary

A leading game development company in Montreal is seeking a Senior Frontend AI Engineer to develop advanced AI interfaces and data visualizations. This role involves designing intuitive user experiences and deep technical expertise in real-time processing. Ideal candidates have extensive React and TypeScript experience, along with a passion for cutting-edge game development technology.

Benefits

Flexible PTO

Health, dental, vision insurance

Professional development budget

Qualifications

• 5+ years of experience building production React applications with modern TypeScript.
• Experience with WebSocket connections and proper management.
• Strong understanding of AI components and real-time processing.

Responsibilities

• Architect advanced conversational AI interfaces.
• Build complex data visualization systems for real-time applications.
• Design project state synchronization for AI interactions.

Skills

React applications

TypeScript

AI-first frontend architectures

Interactive visualizations

WebSocket/SSE mastery

Tools

D3.js

Framer Motion

WebRTC

Job description

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 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