AI Web Developer (Remote Canada)

Directive•Toronto, ON

2d•Remote

About The Position

Directive Consulting is seeking an AI Web Developer to join their Operational Technology team. This role will involve taking internal ownership of the web layer for Stratos, Directive's AI-powered marketing analytics platform, as well as the company website and other internal web surfaces. The company is bringing web engineering in-house to increase speed, improve response times to internal teams and clients, and build internal platform knowledge. The developer will be the first dedicated internal owner of this surface, with opportunities for growth into a senior role as Stratos expands. AI-assisted development is a core aspect of this role, utilizing tools like Claude Code, Cursor, and Copilot for rapid development while maintaining clean, maintainable React and TypeScript code.

Requirements

3+ years of professional web development with production ownership of user-facing applications.
Strong in React and TypeScript; comfortable with modern frameworks (Next.js, Remix, or similar); fluent in component design, state management, and performance profiling.
Owns the backend glue as well as the UI: API routes, serverless functions, auth flows, database queries, background jobs.
Uses Claude Code, Cursor, Copilot, or equivalent as a daily tool to accelerate real frontend engineering. You ship production React/TypeScript, not platform-locked low-code output. You know how to prompt, review, and refactor AI-generated code without shipping AI-generated bugs.
Experience wiring LLM APIs (Anthropic, OpenAI, Google) into web apps: streaming, tool/function calling, structured outputs, timeouts, retries, guardrails.
Comfortable querying MySQL, Postgres and BigQuery; can shape data for UI consumption and validate results.
Mastery of Knex and MySQL to architect high-performance, scalable data structures and queries.
Proficient in MySQL, Postgres, and Supabase (or equivalent); deeply understands RLS, storage, edge functions, and real-time subscription patterns.
REST/GraphQL, OAuth2/OIDC/JWT, webhooks, pagination, rate limits, idempotency; comfortable integrating with HubSpot, Salesforce, LinkedIn Ads, Google Ads, GA4, or equivalent.
Familiar with queue-based systems (BullMQ, SQS, or similar) for sync jobs, scheduled tasks, and long-running work.
Ships to managed platforms (GCP or AWS) with CI/CD and observability in place.
Takes a Figma file or a rough sketch and produces a polished, on-brand, accessible UI without a designer holding your hand.
Operates well with imperfect specs and inherited code. Asks the right questions, ships iteratively, and drives outcomes.

Nice To Haves

Design systems: shadcn/ui, Radix, Tailwind, or similar; building and maintaining shared component libraries.
Marketing data literacy: CRM (Salesforce/HubSpot), GA4, paid media APIs (LinkedIn, Google Ads, Meta), attribution and measurement basics.
Security & compliance: least-privilege IAM, secrets management, PII handling, SOC 2/ISO 27001 awareness.
Performance: Core Web Vitals, bundle analysis, caching strategies, edge rendering.
Experimentation: feature flags, A/B exposure, analytics instrumentation habits that support decision-making.
Reporting UX: experience with dashboarding frameworks, PDF generation, chart libraries (Recharts, Tremor, Visx), drag-and-drop builders.
Codebase inheritance: prior experience absorbing a production codebase from an outgoing team and stabilizing it.

Responsibilities

Own and evolve the web surfaces that power Directive: the internal strategist portal, the external client portal, the reporting builder, campaign management tools, admin and portfolio surfaces, and the company marketing site.
Build and maintain the ads and campaign management UI on top of third-party ad APIs, including campaign builders, bulk edit flows, audience and budget management, and creative tooling.
Build and maintain data metrics views and dashboards backed by BigQuery, MySQL and Postgres including widget components, chart rendering, and the queries that drive them.
Manage containerization via Docker and AWS infrastructure, overseeing EC2 deployments and DevOps pipelines with a focus on reliable delivery and automation.
Manage GitHub Actions and automated CI/CD pipelines; ensures reliable iteration within staging and seamless delivery to production.
Design and optimize relational database schemas and data structures.
Maintain highly-available and scalable architectures; oversees Nginx setups, load balancing, and secure infrastructure to ensure system resilience.
Own the reporting UI end-to-end: report list, create, details, template management, PDF export, drag-and-drop widget reorder, and widget-level date overrides.
Own the admin and portfolio surfaces: client CRUD, user management, OAuth flows, CRM integration configuration, and alerting.
Own the background and integration layer: queue-based sync jobs, CRM sync (Salesforce, HubSpot), ad platform integrations (LinkedIn, Google Ads, Meta), data pipelines, auth and sessions, logging, and error tracking.
Partner on the AI-facing UI layer: surface LLM outputs, streaming responses, tool runs, and agent conversations cleanly, with clear states for loading, error, and partial results.
Use AI coding tools (Claude Code, Cursor, Copilot) as a daily accelerator to scaffold, iterate, and refactor production React/TypeScript, with strong review instincts so AI-generated code meets our bar.
Translate Figma mockups and loose specs into production-ready components, owning design system usage, accessibility (WCAG), and performance.
Handle auth, RBAC, and safe data exposure patterns (row-level security, parameterized queries, least-privilege keys) on the web tier.
Add telemetry and error tracking so issues are detected and diagnosed before clients see them, and product decisions are backed by data.
Absorb ownership of modules from our outgoing agency partner: review existing code, document patterns, stabilize rough edges, and evolve them inside our internal roadmap.
Ship, support, and iterate: fix bugs, improve performance, reduce load times, and evolve UX based on real usage.
Document components, patterns, and trade-offs so the team can build on top of your work.