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. Were 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 youll architect and build the user-facing experience for GameFrames revolutionary AI platform. Youre not just building traditional web UIs - youre 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 Youll 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

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

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