Web Design jobs in Canada

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.

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.

• 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

• 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

• 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

• 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

• 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

• 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

• 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

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.

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.

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.

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.

• 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

• 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

• 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

• 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

• 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

• 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