{ "schema": "openfeeder/1.0", "url": "https://jcviau.snaf.foo/", "title": "Jean-Christophe Viau — AI Integration & Web Development", "author": "Jean-Christophe Viau", "language": "en", "summary": "Jean-Christophe Viau (JC): 25+ years of experience in IT and the web, specializing in AI integration, generative pipelines and modern web. Montréal, bilingual FR/EN.", "alternates": { "en": "https://jcviau.snaf.foo/llm.json", "fr": "https://jcviau.snaf.foo/fr/llm.json", "human": "https://jcviau.snaf.foo/" }, "structured": { "person": { "name": "Jean-Christophe Viau", "alias": "JC", "title": "AI Integration & Web Development Specialist", "location": "Montréal, Québec, Canada", "languages": [ "fr", "en" ], "contact": { "email": "jcviau.rm@gmail.com", "github": "https://github.com/jcviau81", "linkedin": "https://www.linkedin.com/in/jcviau/" }, "assistant": "https://jcviau.snaf.foo/ (chat bubble: the site assistant can take a message or book a virtual meeting)" }, "stats": [ { "n": "100+", "l": "websites delivered" }, { "n": "Dozens", "l": "of web applications" }, { "n": "25+", "l": "years in IT and the web" } ], "stack": [ "PHP", "Python", "Node.js", "JavaScript", "TypeScript", "React", "Astro", "Next.js", "CSS", "Tailwind", "Figma", "Claude Code", "MCP", "OpenAI", "Codex", "Ollama", "LM Studio", "Linux", "n8n", "AudioCraft", "ComfyUI", "Godot", "Generative AI", "Agentic Coding", "AI Orchestration", "Knowledge Graph", "SQL", "Vector DB", "PostgreSQL", "Supabase", "Jinja", "htmx", "Wordpress", "Joomla", "Drupal" ], "platforms": [ "Drupal", "WordPress", "Joomla", "Magnolia", "AEM", "Salesforce", "React", "AngularJS", "Next.js", "AWS", "GCP", "Webflow", "Shopify", "Magento", "HubSpot" ], "services": [ { "name": "Modern front-end", "description": "Modern interfaces, reusable components and scalable front-end architectures (React, TypeScript, Next.js, Astro, HTMX)." }, { "name": "Data & visualization", "description": "Acquisition of complex data — structured DataLayers, dashboards, and views clients can actually read." }, { "name": "AI needs assessment", "description": "Finding where AI and automation genuinely pay off in your team and workflows — and where they don’t." }, { "name": "Custom AI workflows", "description": "Content, image and audio generation pipelines, agents and automations (n8n, MCP, ComfyUI)." }, { "name": "AI in your CMS / platform", "description": "Chatbots, content generation, MCP, personalization and AEO added to the website you already run." }, { "name": "Team training", "description": "Hands-on training so your people use AI tools confidently and safely." } ], "focusAreas": [ { "area": "WITH MARKETING", "title": "Measurable by design", "points": [ "Building to drive your campaign goals, not just to look good", "Technical and semantic SEO baked in, not patched", "Customer-journey and intent analysis; consent (CMP, Law 25 / GDPR) done right", "Years of advertising work in the Google ecosystem: creating custom interactive banners with engaging behaviour, built for performance" ] }, { "area": "WITH DESIGN", "title": "From concept to results", "points": [ "I read design intent and turn it into reusable, maintainable components", "UI/UX thinking — fewer steps, clearer journeys", "Theming, design systems, component libraries, pattern libraries", "Figma-to-code, Responsive, WCAG-accessible, cross-browser, cross-device" ] }, { "area": "WITH DATA", "title": "Getting the right data and making it useful", "points": [ "Realtime dashboards: state management, structured views of complex data", "Data acquisition and visualization for clients, not just developers", "DataLayer architecture, GTM, GA, Segments — tracking built to answer real business questions" ] }, { "area": "WITH INFRASTRUCTURE", "title": "Scale with your needs", "points": [ "Pick the right stack, your goals don't have to fight the platform", "Containerized, cloud-ready, CI/CD pipelines, automated deployments", "Monitoring, logging, alerting, and observability for production systems" ] } ], "experience": [ { "years": "2025 – 2026", "role": "Web & AI Developer", "org": "WeAreFound", "points": [ "WordPress site maintenance and development, SEO optimization", "Blog migration from Webflow to WordPress", "Generative AI pipelines and automated workflows", "Agentic coding and orchestration" ] }, { "years": "2020 – 2025", "role": "Front-end Developer & UX/UI", "org": "Croix-Bleue Québec", "points": [ "Generative AI pipelines for content SEO optimization, content classification and metadata generation.", "Salesforce agent / customer journey optimization — grouped fields, fewer steps, faster acquisition.", "Lead on the CMP integration for Québec’s Law 25 privacy rollout; educated teams and partners on data-collection constraints (GDPR background).", "Lead on the Joomla → Magnolia migration: feature-gap analysis and maintainable components.", "Complex DataLayer integration (GTM, Analytics, Segments) to understand customer intent and journeys." ] }, { "years": "2018 – 2020", "role": "Front-end Developer", "org": "M32 Connect", "points": [ "Custom interactive banners in JavaScript — less dependence on external platforms and full control on content and data.", "Dashboard SPA (React, hooks, state management) for client data visualization.", "Wordpress development: streaming-radio plugin with built-in ads and themes tuned for monetisation and performance." ] }, { "years": "2017 – 2018", "role": "Drupal Developer", "org": "R3D / Cogeco", "points": [ "Drupal front-end and back-end: plan comparison tool, full theme, streamlined editing interfaces." ] }, { "years": "2017", "role": "Lead — Development, SEO & project management (WordPress)", "org": "Combustible", "points": [ "Client requirements to delivered solutions; managed developers, designers, SEO experts and campaign managers." ] }, { "years": "2014 – 2017", "role": "Front-end Developer", "org": "TC Média", "points": [ "Front-end lead on the Publisac digital-flyer platform (HTML5, CSS3, AngularJS).", "WordPress and AEM sites for the network’s local newspapers." ] }, { "years": "2014", "role": "Development Consultant", "org": "Mobilogie / C2MTL / TechSolCom", "points": [ "Museum mobile web app with QR codes (PHP, jQuery, Semantic UI); WordPress front/back-end." ] }, { "years": "1998 – 2013", "role": "Web Development & Infrastructure", "org": "TVA Interactif · Nexio Technologies · Desjardins · BDC · various clients", "points": [ "TVA: Yoopa Channel site migration and Drupal modules (TV schedules, sports results, Olympics results).", "Desjardins: finance & insurance client-site migration (Java, 2,000+ pages).", "BDC: intranet/extranet portal migration (.NET, SharePoint, 5,000+ pages).", "Nexio: websites, web apps and Amazon EC2 cloud infrastructure.", "Web hosting: Windows and Linux server administration and user support (1998–2007)." ] } ], "projects": [ { "name": "OpenFeeder", "logo": "/logos/openfeeder.png", "logoPlate": "light", "meta": "MIT · Python · v1.1", "text": "An open standard for websites to expose their content natively to LLMs: a clean JSON endpoint at /.well-known/openfeeder.json instead of 200KB of HTML to scrape. Adapters for WordPress, Drupal and Joomla, plus a universal sidecar. Payloads measured ~18× smaller than raw HTML.", "links": [ { "label": "GitHub", "href": "https://github.com/jcviau81/OpenFeeder" }, { "label": "Live endpoint", "href": "https://sketchynews.snaf.foo/.well-known/openfeeder.json" } ] }, { "name": "Sketchy News", "logo": "/logos/sketchynews.svg", "logoPlate": "dark", "meta": "Astro · Claude · ComfyUI · n8n", "text": "A daily satirical-comic feed where real headlines become deadpan doodles, fully automated with an LLM, an image model and n8n. Just for fun, and the first site running OpenFeeder in production.", "links": [ { "label": "Visit live site", "href": "https://sketchynews.snaf.foo/" } ] }, { "name": "Voxyflow", "logo": "/logos/voxyflow-mauve.png", "logoPlate": "light", "meta": "AGPL-3.0 · Python + React · archived experiment", "text": "A self-hosted AI workspace I built when the tools didn't yet handle project memory, orchestration and background workers: knowledge graph, kanban, RAG, scheduled jobs. Today those tools do it natively, so I use them instead. Kept online for the history and the lessons.", "links": [ { "label": "GitHub", "href": "https://github.com/jcviau81/voxyflow" } ] } ], "selectedWork": [ { "url": "https://actionpsych.com", "label": "actionpsych.com", "what": "Wordpress Developer, PHP", "year": "2026", "note": "" }, { "url": "https://www.autoverify.com/", "label": "autoverify.com", "what": "Wordpress Developer, PHP", "year": "2026", "note": "" }, { "url": "https://qc.croixbleue.ca/", "label": "qc.croixbleue.ca", "what": "Front-End Developer, Magnolia, Freemarker, JavaScript", "year": "2021", "note": "" }, { "url": "https://www.grasset.qc.ca/", "label": "www.grasset.qc.ca", "what": "Lead Wordpress Developer, Wordpress, PHP", "year": "2017", "note": "" }, { "url": "https://www.cogeco.ca/", "label": "www.cogeco.ca", "what": "Drupal Developer, PHP, HTML, CSS, JavaScript", "year": "2017", "note": "" }, { "url": "https://journalmetro.com/", "label": "journalmetro.com", "what": "Wordpress Developer, PHP, HTML, CSS, JavaScript", "year": "2016", "note": "" }, { "url": "https://www.circulaires.com/", "label": "www.circulaires.com", "what": "Lead Front-End - Online Flyers Platform, AngularJS, JavaScript", "year": "2015", "note": "Embedded in store websites" }, { "url": "https://www.fondationstejustine.org/", "label": "www.fondationstejustine.org", "what": "Lead Joomla Developer, PHP, HTML, CSS", "year": "2013", "note": "" } ], "education": [ { "name": "IT Support & Network Administration", "detail": "Collège d'administration et du commerce · 1998 – 1999" }, { "name": "Continuing education in AI / ML", "detail": "Self-taught · 2022 – 2026 · LLMs, Stable Diffusion, generative pipelines, Claude, OpenAI, agentic coding, Ollama" } ], "resume": { "en": "https://jcviau.snaf.foo/JCViau_CV_2026_EN.docx", "fr": "https://jcviau.snaf.foo/JCViau_CV_2026_FR.docx" } }, "chunks": [ { "id": "c1", "type": "heading", "text": "Jean-Christophe Viau — AI Integration & Web Development Specialist" }, { "id": "c2", "type": "paragraph", "text": "25+ years of experience in IT and the Web, now focused on modern web development and agentic coding." }, { "id": "c3", "type": "paragraph", "text": "My career evolved around the web, from migration projects to CMS development, SEO, analytics, data and advertising in diverse industries such as media, finance, insurance. I now focus on AI integration and agentic coding, helping companies leverage the power of AI in their applications and workflows." }, { "id": "c4", "type": "paragraph", "text": "Also a dad passionate about music, camping and food — just to name a few. Pretty much anything in life is fair game to geek out over." }, { "id": "c5", "type": "paragraph", "text": "Let's build your AI transformation." }, { "id": "c6", "type": "heading", "text": "I speak marketing, design, infrastructure and code" }, { "id": "c7", "type": "paragraph", "text": "Front-end and SEO first, full-stack when the project needs it. Most of my value is in the room — turning what marketing, design and data teams want into something that ships and keeps working." }, { "id": "c8", "type": "list", "text": "Measurable by design: Building to drive your campaign goals, not just to look good • Technical and semantic SEO baked in, not patched • Customer-journey and intent analysis; consent (CMP, Law 25 / GDPR) done right • Years of advertising work in the Google ecosystem: creating custom interactive banners with engaging behaviour, built for performance" }, { "id": "c9", "type": "list", "text": "From concept to results: I read design intent and turn it into reusable, maintainable components • UI/UX thinking — fewer steps, clearer journeys • Theming, design systems, component libraries, pattern libraries • Figma-to-code, Responsive, WCAG-accessible, cross-browser, cross-device" }, { "id": "c10", "type": "list", "text": "Getting the right data and making it useful: Realtime dashboards: state management, structured views of complex data • Data acquisition and visualization for clients, not just developers • DataLayer architecture, GTM, GA, Segments — tracking built to answer real business questions" }, { "id": "c11", "type": "list", "text": "Scale with your needs: Pick the right stack, your goals don't have to fight the platform • Containerized, cloud-ready, CI/CD pipelines, automated deployments • Monitoring, logging, alerting, and observability for production systems" }, { "id": "c12", "type": "heading", "text": "How I can help" }, { "id": "c13", "type": "paragraph", "text": "Modern front-end: Modern interfaces, reusable components and scalable front-end architectures (React, TypeScript, Next.js, Astro, HTMX)." }, { "id": "c14", "type": "paragraph", "text": "Data & visualization: Acquisition of complex data — structured DataLayers, dashboards, and views clients can actually read." }, { "id": "c15", "type": "paragraph", "text": "AI needs assessment: Finding where AI and automation genuinely pay off in your team and workflows — and where they don’t." }, { "id": "c16", "type": "paragraph", "text": "Custom AI workflows: Content, image and audio generation pipelines, agents and automations (n8n, MCP, ComfyUI)." }, { "id": "c17", "type": "paragraph", "text": "AI in your CMS / platform: Chatbots, content generation, MCP, personalization and AEO added to the website you already run." }, { "id": "c18", "type": "paragraph", "text": "Team training: Hands-on training so your people use AI tools confidently and safely." }, { "id": "c19", "type": "heading", "text": "Where I've worked" }, { "id": "c20", "type": "list", "text": "2025 – 2026 — Web & AI Developer, WeAreFound: WordPress site maintenance and development, SEO optimization • Blog migration from Webflow to WordPress • Generative AI pipelines and automated workflows • Agentic coding and orchestration" }, { "id": "c21", "type": "list", "text": "2020 – 2025 — Front-end Developer & UX/UI, Croix-Bleue Québec: Generative AI pipelines for content SEO optimization, content classification and metadata generation. • Salesforce agent / customer journey optimization — grouped fields, fewer steps, faster acquisition. • Lead on the CMP integration for Québec’s Law 25 privacy rollout; educated teams and partners on data-collection constraints (GDPR background). • Lead on the Joomla → Magnolia migration: feature-gap analysis and maintainable components. • Complex DataLayer integration (GTM, Analytics, Segments) to understand customer intent and journeys." }, { "id": "c22", "type": "list", "text": "2018 – 2020 — Front-end Developer, M32 Connect: Custom interactive banners in JavaScript — less dependence on external platforms and full control on content and data. • Dashboard SPA (React, hooks, state management) for client data visualization. • Wordpress development: streaming-radio plugin with built-in ads and themes tuned for monetisation and performance." }, { "id": "c23", "type": "list", "text": "2017 – 2018 — Drupal Developer, R3D / Cogeco: Drupal front-end and back-end: plan comparison tool, full theme, streamlined editing interfaces." }, { "id": "c24", "type": "list", "text": "2017 — Lead — Development, SEO & project management (WordPress), Combustible: Client requirements to delivered solutions; managed developers, designers, SEO experts and campaign managers." }, { "id": "c25", "type": "list", "text": "2014 – 2017 — Front-end Developer, TC Média: Front-end lead on the Publisac digital-flyer platform (HTML5, CSS3, AngularJS). • WordPress and AEM sites for the network’s local newspapers." }, { "id": "c26", "type": "list", "text": "2014 — Development Consultant, Mobilogie / C2MTL / TechSolCom: Museum mobile web app with QR codes (PHP, jQuery, Semantic UI); WordPress front/back-end." }, { "id": "c27", "type": "list", "text": "1998 – 2013 — Web Development & Infrastructure, TVA Interactif · Nexio Technologies · Desjardins · BDC · various clients: TVA: Yoopa Channel site migration and Drupal modules (TV schedules, sports results, Olympics results). • Desjardins: finance & insurance client-site migration (Java, 2,000+ pages). • BDC: intranet/extranet portal migration (.NET, SharePoint, 5,000+ pages). • Nexio: websites, web apps and Amazon EC2 cloud infrastructure. • Web hosting: Windows and Linux server administration and user support (1998–2007)." } ], "meta": { "total_chunks": 27, "returned_chunks": 27, "cached": true, "cache_age_seconds": null } }