Frontend AI Platform Engineer – Gameframe 🚀

Ironbelly Studios

  • Montreal, QC
  • Permanent
  • Full-time
  • 1 month ago
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 ThinkingYou 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 EngineeringYou 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 ThinkingYou 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 ExpertiseYou'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 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
Ironbelly Studios is comprised of a talented, passionate and dedicated number of game developers from all corners of the globe. Our focus is on creating high quality entertainment experiences as well as providing outsourcing services at a fraction of the cost seen elsewhere.From humble beginnings Ironbelly has grown to be one of the most trusted names in the indie development space, working on over 300 projects in our 15 years of service, ranging from AAA titles such as Gotham Knights down to small mobile titles. We bring passion and experience together and look for people who put games and their creation in the center of their world.

Ironbelly Studios