[ENG AI] 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 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